fix: fixed overflow of texts for components in utforming page (#14216)

Co-authored-by: Jonas Dyrlie <[email protected]>
Altinn · Dec 12, 2024 · d660904 · d660904
1 parent db0fbcd
commit d660904
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/...components/src/components/StudioTreeView/StudioTreeViewItem/StudioTreeViewItem.module.css b/...components/src/components/StudioTreeView/StudioTreeViewItem/StudioTreeViewItem.module.css
@@ -13,6 +13,12 @@
   width: 100%;
 }
 
+.button span {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .button[aria-selected='true'] {
   background-color: var(--studio-treeitem-selected-background-colour);
   border-color: var(--studio-treeitem-vertical-line-colour-root);

diff --git a/...editor/src/containers/DesignView/FormTree/FormItem/FormItemTitle/FormItemTitle.module.css b/...editor/src/containers/DesignView/FormTree/FormItem/FormItemTitle/FormItemTitle.module.css
@@ -5,6 +5,8 @@
 .label {
   flex: 1;
   min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .root:hover .label {