Merge pull request #2580 from SpareBank1/shortcut-btn-bugs

fix(ffe-buttons): fikser visuelle bugs i shortcut-button
SpareBank1 · Feb 26, 2025 · 1be80a9 · 1be80a9
2 parents 587574e + be87a15
commit 1be80a9
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/packages/ffe-buttons/less/base-button.less b/packages/ffe-buttons/less/base-button.less
@@ -179,6 +179,7 @@
 
     .ffe-button__icon {
         color: var(--ffe-color-component-button-secondary-foreground-default);
+        transition: transform var(--ffe-transition-duration) var(--ffe-ease);
     }
 
     @media (hover: hover) and (pointer: fine) {
@@ -208,8 +209,19 @@
         }
     }
 
+    &:focus,
+    &:visited {
+        color: var(--ffe-color-component-button-secondary-foreground-default);
+        background-color: var(
+            --ffe-color-component-button-secondary-fill-hover
+        );
+    }
+
+    &:hover,
     &:focus {
-        transform: translateX(12px);
+        .ffe-button__icon {
+            transform: translateX(4px);
+        }
     }
 }