Break word for limited width content

Add break word to avoid overflowing content / account for label values which are often used to store random data
2022-06-22 21:26:06 +02:00
parent ccf0d3f443
commit 448836ee2d
3 changed files with 4 additions and 3 deletions
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-node-preview.less
@@ -38,7 +38,6 @@

 .umb-node-preview__content {
    flex: 1 1 auto;
-    margin-right: 25px;
    overflow: hidden;
 }

--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-readonlyvalue.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-readonlyvalue.less
@@ -1,3 +1,4 @@
-.umb-readonlyvalue  {
-    position:relative;
+.umb-readonlyvalue {
+  position: relative;
+  .umb-property-editor--limit-width();
 }
--- a/src/Umbraco.Web.UI.Client/src/less/mixins.less
+++ b/src/Umbraco.Web.UI.Client/src/less/mixins.less
@@ -421,6 +421,7 @@
 // Limit width of specific property editors
 .umb-property-editor--limit-width {
    max-width: @propertyEditorLimitedWidth;
+    word-break: break-all;
 }

 // Horizontal dividers