refactor(header): minor fixes spotted in testing

eea · Aug 31, 2022 · 0f0f3ab · 0f0f3ab
1 parent 626bdd5
commit 0f0f3ab
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 8 deletions.
diff --git a/theme/themes/eea/extras/header.less b/theme/themes/eea/extras/header.less
@@ -58,6 +58,10 @@
 .top.bar .ui.active.visible.dropdown {
   background: @grey-0;
   box-shadow: @shadow-topbar-dropdown;
+
+  i.icon {
+    transform: rotate(180deg);
+  }
 }
 
 .top.bar .divider.text {
@@ -106,6 +110,8 @@
   font-size: @topSectionIconFontSize;
   margin-left: @topSectionIconMarginLeft;
   top: @mobileTopSectionIconTop;
+  line-height: @topSectionIconLineHeight;
+  transition: .2s;
 }
 
 /* Official union dropdown */
@@ -136,7 +142,6 @@
         a {
           font-weight: @officialUnionLinkFontWeight;
           white-space: @dropdownMenuContentWhiteSpace;
-          color: @officialUnionLinkColor;
         }
       }
     }
@@ -179,6 +184,10 @@
         justify-content: flex-end;
         font-weight: @languageMenuItemFontWeight;
 
+        span {
+          font-size: @mobileLanguageFontSize;
+        }
+
         span.country-code {
           margin-left: @mobileLanguageCountryCodeMarginLeft;
           font-weight: @mobileLanguageCountryCodeFontWeight;
@@ -437,7 +446,7 @@
       font-size: @font-size-1;
       line-height: @font-lineheight-00;
     }
-    
+
     img {
       width: 18px;
     }
@@ -515,6 +524,10 @@
 
   #language-switcher {
     padding: @computerLanguageMenuPadding;
+
+    .menu .wrapper .item span {
+      font-size: @computerLanguageFontSize;
+    }
   }
 
   /*----------------------------------------------------------------------------

diff --git a/theme/themes/eea/extras/header.variables b/theme/themes/eea/extras/header.variables
@@ -34,16 +34,19 @@
 @mobileTopSectionItemFontSize         : @font-size-00;
 @tabletTopSectionItemFontSize         : @font-size-00;
 @topSectionZindex                     : @z-index-1;
-@topSectionIconMarginLeft             : @rem-space-1;
-@topSectionIconMarginRight            : @rem-space-1;
-@topSectionIconFontSize               : @font-size-0;
-@mobileTopSectionIconTop              : 10px;
-@computerTopSectionIconTop            : 6px;
 @dropdownColor                        : @blue-grey-6;
 @mobileDropdownFontSize               : @font-size-00;
 @tabletDropdownFontSize               : @font-size-00;
 @dropdownFontWeight                   : @bold;
 
+/* Icon */
+@topSectionIconMarginLeft             : @rem-space-1;
+@topSectionIconMarginRight            : @rem-space-1;
+@topSectionIconFontSize               : @font-size-0;
+@topSectionIconLineHeight             : @font-lineheight-00;
+@mobileTopSectionIconTop              : 14px;
+@computerTopSectionIconTop            : 10px;
+
 /* Dropdown Menu */
 @mobileDropdownPadding                : @rem-space-3 @rem-space-6 @rem-space-3 @rem-space-2;
 @computerDropdownPadding              : @rem-space-2 @rem-space-6 @rem-space-2 @rem-space-2;
@@ -65,7 +68,6 @@
 @mobileOfficialUnionGap               : 0;
 @tabletOfficialUnionGap               : 0;
 @officialUnionLinkFontWeight          : @bold;
-@officialUnionLinkColor               : @blue-grey-6;
 @officialUnionPadding                 : @rem-space-3;
 @mobileOfficialUnionMaxWidth          : 108px;
 @tabletOfficialUnionMaxWidth          : 272px;
@@ -92,6 +94,8 @@
 @languageMenuItemFontWeight           : @normal;
 @mobileLanguageCountryCodeMarginLeft  : 3px;
 @mobileLanguageCountryCodeFontWeight  : @bold;
+@mobileLanguageFontSize               : @font-size-0;
+@computerLanguageFontSize             : @font-size-1;
 
 /*-----------------------
    HEADER MAIN SECTION