TMS-1164: Minor fixes

eebbi · eebbi · commit c3f482b90cb0 · 2025-11-21T14:59:03.000+02:00
diff --git a/assets/styles/ui-components/_button.scss b/assets/styles/ui-components/_button.scss
@@ -46,40 +46,52 @@ $button-secondary-border-color: $button-primary-border-color;
     }
 
     &.is-primary {
-        background-color: $primary !important;
-        color: $primary-invert !important;
-        border-color: $primary-invert !important;
-
-        &.is-outlined {
-            &:hover,
-            &:focus {
-                border-color: $primary-invert !important;
+        &,
+        &:active,
+        &.is-active {
+            background-color: $primary !important;
+            color: $primary-invert !important;
+            border-color: $primary-invert !important;
+
+            &.is-outlined {
+                &:hover,
+                &:focus {
+                    border-color: $primary-invert !important;
+                }
             }
-        }
 
-        .icon {
-            fill: $primary-invert !important;
+            .icon {
+                fill: $primary-invert !important;
+            }
         }
     }
 
     &.is-primary.is-inverted,
     &.is-primary-invert {
-        border-color: $primary !important;
-        background-color: $primary-invert !important;
-        color: $primary !important;
-
-        .icon {
-            fill: currentColor !important;
-            color: inherit;
+        &,
+        &:active,
+        &.is-active {
+            border-color: $primary !important;
+            background-color: $primary-invert !important;
+            color: $primary !important;
+
+            .icon {
+                fill: currentColor !important;
+                color: inherit;
+            }
         }
     }
 
     &.is-secondary {
-        background-color: $primary-invert !important;
-        color: $primary !important;
-
-        .icon {
-            fill: currentColor !important;
+        &,
+        &:active,
+        &.is-active {
+            background-color: $primary-invert !important;
+            color: $primary !important;
+
+            .icon {
+                fill: currentColor !important;
+            }
         }
     }
 
diff --git a/assets/styles/ui-components/_modal.scss b/assets/styles/ui-components/_modal.scss
@@ -14,11 +14,11 @@
             }
         }
         &:hover{
-            background-color: $black !important;
-            color: $white !important;
+            background-color: $white !important;
+            color: $black !important;
             outline: 0;
             .icon {
-                fill: $white !important;
+                fill: $black !important;
             }
         }
     }
@@ -32,15 +32,12 @@
     }
 
     .slick-arrow {
+        background-color: $white;
+
         .icon {
-            fill: $white !important; // sass-lint:disable-line no-important
-        }
-        &:hover {
-            background-color: $white;
-            .icon {
-                fill: $black !important; // sass-lint:disable-line no-important
-            }
+            fill: $black !important; // sass-lint:disable-line no-important
         }
+
         &:focus {
             outline: .2rem dotted $white !important;
             outline-offset: 0.25rem !important;
diff --git a/assets/styles/ui-components/header/_language-nav.scss b/assets/styles/ui-components/header/_language-nav.scss
@@ -5,15 +5,6 @@
         border: 1px solid $primary-invert;
     }
 
-    .dropdown {
-        &.is-active {
-            .button {
-                color: $primary !important;
-                background-color: $primary-invert !important;
-            }
-        }
-    }
-
     .dropdown-trigger {
         .button {
             padding: .25rem 1.25rem !important;

Original file line number	Diff line number	Diff line change
`@@ -14,11 +14,11 @@`
`14`	`14`	`}`
`15`	`15`	`}`
`16`	`16`	`&:hover{`
`17`		`- background-color: $black !important;`
`18`		`- color: $white !important;`
	`17`	`+ background-color: $white !important;`
	`18`	`+ color: $black !important;`
`19`	`19`	`outline: 0;`
`20`	`20`	`.icon {`
`21`		`- fill: $white !important;`
	`21`	`+ fill: $black !important;`
`22`	`22`	`}`
`23`	`23`	`}`
`24`	`24`	`}`
`@@ -32,15 +32,12 @@`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`.slick-arrow {`
	`35`	`+ background-color: $white;`
	`36`	`+`
`35`	`37`	`.icon {`
`36`		`- fill: $white !important; // sass-lint:disable-line no-important`
`37`		`- }`
`38`		`- &:hover {`
`39`		`- background-color: $white;`
`40`		`- .icon {`
`41`		`- fill: $black !important; // sass-lint:disable-line no-important`
`42`		`- }`
	`38`	`+ fill: $black !important; // sass-lint:disable-line no-important`
`43`	`39`	`}`
	`40`	`+`
`44`	`41`	`&:focus {`
`45`	`42`	`outline: .2rem dotted $white !important;`
`46`	`43`	`outline-offset: 0.25rem !important;`