Merge pull request #2205 from tf/info-table-wrap

Wrap text in first column of info table on narrow viewports
codevise · Feb 14, 2025 · d22097a · d22097a
2 parents 0dec7dd + 5504a48
commit d22097a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/entry_types/scrolled/package/src/contentElements/infoTable/InfoTable.module.css b/entry_types/scrolled/package/src/contentElements/infoTable/InfoTable.module.css
@@ -1,3 +1,5 @@
+@value breakpoint-md from 'pageflow-scrolled/values/breakpoints.module.css';
+
 .table {
   width: 100%;
   border-collapse: collapse;
@@ -13,7 +15,12 @@
 .table td:first-child {
   border-right: solid 1px var(--table-border-color);
   padding: 0.5rem 0.5rem 0.5rem 0;
-  white-space: pre;
+}
+
+@media breakpoint-md {
+  .table td:first-child {
+    white-space: pre;
+  }
 }
 
 .table td:first-child div {

diff --git a/...y_types/scrolled/package/src/frontend/inlineEditing/EditableTable/placeholders.module.css b/...y_types/scrolled/package/src/frontend/inlineEditing/EditableTable/placeholders.module.css
@@ -2,6 +2,7 @@
   pointer-events: none;
   opacity: 0.5;
   font-weight: normal;
+  white-space: nowrap;
 }
 
 .placeholder::before {