style: add overflow-x scroll to tablist (#3030)

resolves #916
digdir · Jan 22, 2025 · a3419cc · a3419cc
1 parent 5416084
commit a3419cc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/lovely-turtles-cheer.md b/.changeset/lovely-turtles-cheer.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+**Tabs**: Add overflow-x scroll to tablist
diff --git a/packages/css/src/tabs.css b/packages/css/src/tabs.css
@@ -19,6 +19,7 @@
     flex-direction: row;
     border-bottom: var(--ds-border-width-default) solid var(--dsc-tabs-list-border-color);
     position: relative;
+    overflow-x: auto;
 
     &:not([hidden]) {
       display: flex;
@@ -42,6 +43,7 @@
       padding: var(--dsc-tabs-tab-padding);
       position: relative;
       text-align: center;
+      white-space: nowrap;
 
       &:not([hidden]) {
         display: flex;