fix: prevent several text lines by using nowrap instead of pre (#1233)

* refactor: compensate for checkboxes in item width * fix: prevent >1 lines * fix: rm comment * fix: push nowrap change in valuefield * refactor: rely on default wrap
qlik-oss · Apr 24, 2023 · 5643362 · 5643362
1 parent 4df9595
commit 5643362
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/apis/nucleus/src/components/listbox/components/ListBoxRowColumn/components/ListBoxRoot.jsx b/apis/nucleus/src/components/listbox/components/ListBoxRowColumn/components/ListBoxRoot.jsx
@@ -78,7 +78,6 @@ const RowColRoot = styled('div', {
     userSelect: 'none',
     paddingRight: '1px',
     ...ellipsis,
-    whiteSpace: 'pre', // to keep white-space on highlight
     fontSize: theme.listBox?.content?.fontSize,
     fontFamily: theme.listBox?.content?.fontFamily,
   },

diff --git a/apis/nucleus/src/components/listbox/components/ListBoxRowColumn/components/ValueField.jsx b/apis/nucleus/src/components/listbox/components/ListBoxRowColumn/components/ValueField.jsx
@@ -18,7 +18,7 @@ function ValueField({ label, color, dense, showGray = true, checkboxes, cell, va
       align={valueTextAlign}
       dir="auto"
     >
-      <span style={{ whiteSpace: 'pre' }}>{label}</span>
+      <span>{label}</span>
     </Typography>
   );
 }