🎨 Chip-label now breaks to column at md, not sm

navikt · Dec 18, 2023 · 468ae2e · 468ae2e
1 parent 0adaa11
commit 468ae2e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/aksel.nav.no/website/components/layout/god-praksis-page/chips/ChipNav.tsx b/aksel.nav.no/website/components/layout/god-praksis-page/chips/ChipNav.tsx
@@ -54,7 +54,7 @@ function ChipNav({ type, data }: ChipsNavProps) {
   const selectionCount = countUniques(type, data);
 
   return (
-    <HGrid gap="2" columns={{ sm: 1, md: "auto 1fr" }} align="center">
+    <HGrid gap="2" columns={{ md: 1, lg: "auto 1fr" }} align="center">
       <Label
         as="span"
         className={cl("text-aksel-heading", styles[`label--${type}`])}

diff --git a/aksel.nav.no/website/components/layout/god-praksis-page/chips/Chips.module.css b/aksel.nav.no/website/components/layout/god-praksis-page/chips/Chips.module.css
@@ -64,11 +64,11 @@
 .shadowStart {
   left: 0;
   /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
-  background: linear-gradient(90deg, var(--shadow-color), transparent);
+  background: linear-gradient(90deg, var(--shadow-color), var(--shadow-color), transparent);
 }
 
 .shadowEnd {
   right: 0;
   /* stylelint-disable-next-line csstools/value-no-unknown-custom-properties */
-  background: linear-gradient(-90deg, var(--shadow-color), transparent);
+  background: linear-gradient(-90deg, var(--shadow-color), var(--shadow-color), transparent);
 }