From 448836ee2df5f1e35d94515c7f6d544801b7fe2a Mon Sep 17 00:00:00 2001 From: Matthew Care Date: Wed, 22 Jun 2022 21:26:06 +0200 Subject: [PATCH] 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 --- .../src/less/components/umb-node-preview.less | 1 - .../src/less/components/umb-readonlyvalue.less | 5 +++-- src/Umbraco.Web.UI.Client/src/less/mixins.less | 1 + 3 files changed, 4 insertions(+), 3 deletions(-) diff --git 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 index ac7277109a..8a2b86de85 100644 --- 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; } diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-readonlyvalue.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-readonlyvalue.less index 0790bdd07a..b2eca6613d 100644 --- 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(); } diff --git a/src/Umbraco.Web.UI.Client/src/less/mixins.less b/src/Umbraco.Web.UI.Client/src/less/mixins.less index c0ddcd6cdb..78ccbe0ace 100644 --- 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