fix: piler i ekspanderende tabell

fremtind · Aug 19, 2024 · 401c479 · 401c479
1 parent a4db8a5
commit 401c479
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 12 deletions.
diff --git a/packages/table-react/src/ExpandableTableRow.tsx b/packages/table-react/src/ExpandableTableRow.tsx
@@ -39,7 +39,7 @@ const ExpandableTableRow = forwardRef<HTMLTableRowElement, ExpandableTableRowPro
         setIsOpen(isOpenProp);
     }, [isOpenProp]);
 
-    const [animationRef] = useAnimatedHeight<HTMLDivElement>(isOpen);
+    const [animationRef] = useAnimatedHeight<HTMLDivElement>(isOpen, { timing: "expressive" });
 
     const toggleOpen = () => {
         const newIsOpen = !isOpen;

diff --git a/packages/table/_table-cell.scss b/packages/table/_table-cell.scss
@@ -1,11 +1,5 @@
 @use "@fremtind/jkl-core/jkl";
 
-@mixin _expanded-arrow($px) {
-    .jkl-expand-button__arrow {
-        transform: translateY(jkl.rem($px));
-    }
-}
-
 @include jkl.comfortable-density-variables {
     @include jkl.declare-font-variables("jkl-table-cell", "body");
 
@@ -83,12 +77,7 @@
     &:hover,
     html:not([data-mousenavigation]):not([data-touchnavigation]) &:focus {
         .jkl-table-row-expand-button {
-            @include _expanded-arrow(3px);
             color: var(--expand-button-focus-color);
-
-            &--expanded {
-                @include _expanded-arrow(0);
-            }
         }
     }
 }