From 2543c7fb9a523dce5bdeed6353a9e20a4c0369ad Mon Sep 17 00:00:00 2001
From: JamalAlabdullah <jamal.mustafa.alabdullah@digdir.no>
Date: Fri, 5 Jul 2024 13:56:48 +0200
Subject: [PATCH] fixed comment

---
 .../SubexpressionValueReadonly.module.css                    | 5 +++--
 .../SubexpressionValueReadonly.tsx                           | 4 +++-
 .../EditComponentIdRow/EditComponentIdRow.module.css         | 1 +
 .../config/ExpressionContent/ExpressionContent.module.css    | 3 ++-
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/libs/studio-components/src/components/StudioExpression/SimplifiedEditor/LogicalExpressionEditor/SubExpression/SubExpressionValueSelector/SubExpressionValueReadonly/SubexpressionValueReadonly.module.css b/frontend/libs/studio-components/src/components/StudioExpression/SimplifiedEditor/LogicalExpressionEditor/SubExpression/SubExpressionValueSelector/SubExpressionValueReadonly/SubexpressionValueReadonly.module.css
index 7ccba92b0f7..a3095de4406 100644
--- a/frontend/libs/studio-components/src/components/StudioExpression/SimplifiedEditor/LogicalExpressionEditor/SubExpression/SubExpressionValueSelector/SubExpressionValueReadonly/SubexpressionValueReadonly.module.css
+++ b/frontend/libs/studio-components/src/components/StudioExpression/SimplifiedEditor/LogicalExpressionEditor/SubExpression/SubExpressionValueSelector/SubExpressionValueReadonly/SubexpressionValueReadonly.module.css
@@ -7,6 +7,7 @@
 }
 
 .codeFragment {
-  overflow: auto;
-  overflow-y: hidden;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
diff --git a/frontend/libs/studio-components/src/components/StudioExpression/SimplifiedEditor/LogicalExpressionEditor/SubExpression/SubExpressionValueSelector/SubExpressionValueReadonly/SubexpressionValueReadonly.tsx b/frontend/libs/studio-components/src/components/StudioExpression/SimplifiedEditor/LogicalExpressionEditor/SubExpression/SubExpressionValueSelector/SubExpressionValueReadonly/SubexpressionValueReadonly.tsx
index 880a2b0a616..e712a04c4b2 100644
--- a/frontend/libs/studio-components/src/components/StudioExpression/SimplifiedEditor/LogicalExpressionEditor/SubExpression/SubExpressionValueSelector/SubExpressionValueReadonly/SubexpressionValueReadonly.tsx
+++ b/frontend/libs/studio-components/src/components/StudioExpression/SimplifiedEditor/LogicalExpressionEditor/SubExpression/SubExpressionValueSelector/SubExpressionValueReadonly/SubexpressionValueReadonly.tsx
@@ -45,7 +45,9 @@ const DataModelLookupValue = ({
     <Binding
       name={texts.readonlyDataModelPath}
       binding={
-        <StudioCodeFragment className={classes.codeFragment}>{value.path}</StudioCodeFragment>
+        <StudioCodeFragment title={value.path} className={classes.codeFragment}>
+          {value.path}
+        </StudioCodeFragment>
       }
     />
   );
diff --git a/frontend/packages/ux-editor/src/components/Properties/PropertiesHeader/EditComponentIdRow/EditComponentIdRow.module.css b/frontend/packages/ux-editor/src/components/Properties/PropertiesHeader/EditComponentIdRow/EditComponentIdRow.module.css
index afb2e91a8b3..889353158e5 100644
--- a/frontend/packages/ux-editor/src/components/Properties/PropertiesHeader/EditComponentIdRow/EditComponentIdRow.module.css
+++ b/frontend/packages/ux-editor/src/components/Properties/PropertiesHeader/EditComponentIdRow/EditComponentIdRow.module.css
@@ -11,6 +11,7 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  max-width: 245px;
 }
 
 .duplicatedIdField {
diff --git a/frontend/packages/ux-editor/src/components/config/ExpressionContent/ExpressionContent.module.css b/frontend/packages/ux-editor/src/components/config/ExpressionContent/ExpressionContent.module.css
index 2e2dd4ddba0..3f9821af111 100644
--- a/frontend/packages/ux-editor/src/components/config/ExpressionContent/ExpressionContent.module.css
+++ b/frontend/packages/ux-editor/src/components/config/ExpressionContent/ExpressionContent.module.css
@@ -18,8 +18,9 @@
 
 .legendContent {
   margin-left: var(--studio-expression-spacing);
+  overflow: hidden;
+  white-space: nowrap;
   text-overflow: ellipsis;
-  overflow: auto;
 }
 
 .deleteButton {