fix ico moon css (#1467)

chillenberger · web-flow · commit e79f1ca2b2a5 · 2024-05-14T18:33:16.000-06:00
diff --git a/pgml-dashboard/src/components/breadcrumbs/template.html b/pgml-dashboard/src/components/breadcrumbs/template.html
@@ -14,7 +14,7 @@
     <ol class="breadcrumb">
       <li class="breadcrumb-item body-regular-text <% if links.is_empty() {%>active<% } %>">
         <a class="d-flex gap-2 align-items-center" href="<%- home_uri %>">
-          <span class="icon-owl"></span>
+          <span class="icon-owl icomoon"></span>
           Home
         </a>
       </li>
diff --git a/pgml-dashboard/src/components/navigation/navbar/web_app/template.html b/pgml-dashboard/src/components/navigation/navbar/web_app/template.html
@@ -15,7 +15,7 @@
         <button class="navbar-toggler collapsed top-nav-controls" type="button" data-bs-toggle="collapse" data-bs-target="#leftNavItems" aria-controls="LeftNavItems" aria-expanded="false" aria-label="Toggle navigation">
 
           <div class="mobile-left-nav-controls rounded-1 p-2 d-flex">
-            <span class="icon-owl text-white mx-1"></span>
+            <span class="icon-owl icomoon text-white mx-1"></span>
           </div>
         </button>
 
@@ -143,7 +143,7 @@
                   <a 
                     class="py-2 text-white w-100 text-center d-flex gap-2 ps-4 justify-content-center <% if link.disabled  { %> disabled <% } %> <% if link.active { %> active <% } %>"
                     href="<% if !link.disabled { %> <%= link.href %> <% } %>">
-                    <span class="icon-owl" style="line-height: unset;"></span>
+                    <span class="icon-owl icomoon" style="line-height: unset;"></span>
                     <%= link.name %>
                   </a>
                 </li>
diff --git a/pgml-dashboard/static/css/scss/components/_icon.scss b/pgml-dashboard/static/css/scss/components/_icon.scss
@@ -155,7 +155,7 @@
     right: 0;
 }
 
-[class^="icon-"], [class*=" icon-"] {
+.icomoon {
     /* use !important to prevent issues with browser extensions that change fonts */
     font-family: 'icomoon' !important;
     speak: never;

Original file line number	Diff line number	Diff line change
`@@ -155,7 +155,7 @@`
`155`	`155`	`right: 0;`
`156`	`156`	`}`
`157`	`157`
`158`		`-[class^="icon-"], [class*=" icon-"] {`
	`158`	`+.icomoon {`
`159`	`159`	`/* use !important to prevent issues with browser extensions that change fonts */`
`160`	`160`	`font-family: 'icomoon' !important;`
`161`	`161`	`speak: never;`