Use nowrap on tabs

Altinn · Jan 4, 2024 · c3fe32d · c3fe32d
1 parent 08a5958
commit c3fe32d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/frontend/packages/ux-editor/src/components/config/editModal/EditGrid/EditGrid.module.css b/frontend/packages/ux-editor/src/components/config/editModal/EditGrid/EditGrid.module.css
@@ -3,6 +3,10 @@
   border-radius: var(--fds-border_radius-large);
 }
 
+.tab {
+  white-space: nowrap;
+}
+
 .tabs {
   overflow: scroll;
   --scroll-bar-color: white;

diff --git a/frontend/packages/ux-editor/src/components/config/editModal/EditGrid/EditGrid.tsx b/frontend/packages/ux-editor/src/components/config/editModal/EditGrid/EditGrid.tsx
@@ -54,7 +54,12 @@ export const EditGrid = ({ handleComponentChange, component }: IGenericEditCompo
       <Tabs.List className={classes.tabs}>
         {Object.values(ViewSize).map((viewSize: ViewSize) => {
           return (
-            <Tabs.Tab key={viewSize} value={viewSize} icon={iconMapping[viewSize] || null}>
+            <Tabs.Tab
+              key={viewSize}
+              value={viewSize}
+              icon={iconMapping[viewSize] || null}
+              className={classes.tab}
+            >
               {t(`ux_editor.modal_properties_grid_size_${viewSize}`)}
             </Tabs.Tab>
           );