updated icon style to not use disallowed property, and to use discret…

…e pixel values
ilios · Jun 13, 2024 · 2fb40ba · 2fb40ba
1 parent d2aa9cb
commit 2fb40ba
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/packages/frontend/app/styles/components/ilios-header.scss b/packages/frontend/app/styles/components/ilios-header.scss
@@ -38,6 +38,7 @@
     }
     .user-guide-link {
       grid-area: guide;
+      height: 100%;
     }
 
     .global-search-box {

diff --git a/packages/frontend/app/styles/components/user-guide-link.scss b/packages/frontend/app/styles/components/user-guide-link.scss
@@ -1,27 +1,30 @@
 @use "../ilios-common/mixins" as cm;
 @use "../ilios-common/colors" as c;
-@use "../mixins" as m;
 
 .user-guide-link {
-  @include m.header-menu;
+  margin-left: 0.5rem;
 
   @include cm.for-tablet-and-up {
     margin-left: 0.25rem;
     margin-right: 0.5rem;
   }
 
-  @include cm.for-phone-only {
-    /* stylelint-disable property-disallowed-list */
-    font-size: 3.5vw;
-  }
-
   a {
     svg {
       align-items: center;
       color: c.$white;
       display: flex;
-      height: 1.85em;
-      width: 1.85em;
+      height: 30px;
+      width: 30px;
+    }
+  }
+
+  @include cm.for-phone-only {
+    a {
+      svg {
+        height: 24px;
+        width: 24px;
+      }
     }
   }
 }