Merge pull request #2606 from SpareBank1/table-header-selected-color

fix(ffe-tables): legger til riktig bakgrunnsfarge på table header og cell, ved selected og pressed
SpareBank1 · Mar 6, 2025 · 10b8873 · 10b8873
2 parents eb02ee3 + 946e00c
commit 10b8873
Showing 1 changed file with 22 additions and 4 deletions.
diff --git a/packages/ffe-tables/less/tables.less b/packages/ffe-tables/less/tables.less
@@ -116,13 +116,27 @@
         transition: background var(--ffe-transition-duration) var(--ffe-ease);
         border-radius: var(--border-radius) var(--border-radius) 0 0;
 
-        &-ascending,
-        &-descending {
+        &:hover {
+            background: var(--ffe-color-surface-primary-default-hover);
+        }
+
+        &:active {
             background: var(--ffe-color-surface-primary-default-pressed);
         }
 
-        &:hover {
-            background: var(--ffe-color-surface-primary-default-hover);
+        &-ascending,
+        &-descending {
+            background: var(--ffe-color-fill-primary-selected);
+            color: var(--ffe-color-foreground-inverse);
+
+            &:hover {
+                background: var(--ffe-color-fill-primary-selected);
+                color: var(--ffe-color-foreground-inverse);
+            }
+
+            &:active {
+                background: var(--ffe-color-fill-primary-pressed);
+            }
         }
 
         @media (hover: hover) and (pointer: fine) {
@@ -150,6 +164,10 @@
                 background: var(--ffe-color-surface-primary-default-hover);
             }
         }
+
+        &:active {
+            background: var(--ffe-color-surface-primary-default-pressed);
+        }
     }
 
     &__tr--expand-open {