shoed ellipsis in datamodelbinding accordion (#13223)

* showed ellipsis in datamodelbinding accordion
Altinn · Jul 24, 2024 · a924ae2 · a924ae2
1 parent 6a020ec
commit a924ae2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/frontend/packages/ux-editor/src/components/Properties/DataModelBindings.module.css b/frontend/packages/ux-editor/src/components/Properties/DataModelBindings.module.css
@@ -18,6 +18,8 @@
 }
 
 .wrapper {
+  padding-top: var(--fds-spacing-2);
+  padding-bottom: var(--fds-spacing-2);
   text-overflow: ellipsis;
   overflow: hidden;
 }
diff --git a/...nents/config/editModal/EditDataModelBinding/EditBinding/SelectDataModelBinding.module.css b/...nents/config/editModal/EditDataModelBinding/EditBinding/SelectDataModelBinding.module.css
@@ -1,10 +1,22 @@
+.selectDataModel {
+  width: 100%;
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
 .displayTileContainer {
   padding: 0;
   padding-right: var(--fds-spacing-1);
 }
 
 .displayTileContainer > div {
-  display: block;
+  display: grid;
+}
+
+.displayTileContainer > div > p {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 
 .selectDataModel {