WIP

mozilla · Dec 12, 2024 · ed7446a · ed7446a
1 parent 5d9d8e4
commit ed7446a
Showing 1 changed file with 11 additions and 12 deletions.
diff --git a/media/css/m24/components/footer-refresh.scss b/media/css/m24/components/footer-refresh.scss
@@ -274,20 +274,20 @@ $max-footer-content-width: $content-max;
 
 
 // language form
-.moz24-footer-language {
-    position: relative;
-}
-
 .moz24-c-language-switcher {
     position: relative;
 
+    &:has(.mzp-js-language-switcher-select:hover)::before {
+        background: $m24-color-alt-black url('/media/img/icons/m24-small/globe.svg') center center no-repeat;
+        background-size: 18px 18px;
+    }
+
     &::before {
-        @include bidi(((left, 0, auto), (right, auto, 0)));
-        background: transparent url('/media/img/icons/m24-small/globe-white.svg') center center no-repeat;
+        @include bidi(((left, 4px, auto), (right, auto, 4px)));
+        background: $m24-color-alt-white url('/media/img/icons/m24-small/globe-white.svg') center center no-repeat;
         background-size: 18px 18px;
         top: 50%;
         margin-top: -16px;
-        color: $m24-color-white;
         content: "";
         display: block;
         height: 32px;
@@ -315,12 +315,12 @@ $max-footer-content-width: $content-max;
     }
 
     .mzp-js-language-switcher-select {
-        background: $m24-color-white url('/media/img/icons/m24-small/down-caret-white.svg') no-repeat;
         @include bidi(((background-position, calc(100% - 8px) 0.75em, 8px 0.75em),));
+        background: $m24-color-alt-white url('/media/img/icons/m24-small/down-caret-white.svg') no-repeat;
         background-size: 16px 16px;
         border-radius: 0;
-        border: $border-width solid $m24-color-black;
-        color: $m24-color-black;
+        border: $border-width solid $m24-color-alt-black;
+        color: $m24-color-alt-black;
         font-weight: 600;
         margin-top: 16px;
         padding-left: 36px;
@@ -331,8 +331,7 @@ $max-footer-content-width: $content-max;
         &:focus,
         &:focus-visible {
             color: $m24-color-white;
-            background: $m24-color-black url('/media/img/icons/m24-small/up-caret.svg') calc(100% - 8px) 0.75em no-repeat;
-            background-size: 16px 16px;
+            background: $m24-color-alt-black url('/media/img/icons/m24-small/up-caret.svg') no-repeat;
         }
     }
 }