Prevent overflowing property values (#12943)

(cherry picked from commit b34a93ed59)
2023-03-27 12:40:39 +02:00
parent 40285b76b9
commit 9f2e79e9db
2 changed files with 6 additions and 4 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
@@ -7,7 +7,8 @@
 }

 .umb-editor-wrapper .umb-node-preview {
-    .umb-property-editor--limit-width();
+  word-break: break-word;
+  .umb-property-editor--limit-width();
 }

 .umb-node-preview:last-of-type {
@@ -38,7 +39,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,5 @@
-.umb-readonlyvalue  {
-    position:relative;
+.umb-readonlyvalue {
+  position: relative;
+  word-break: break-word;
+  .umb-property-editor--limit-width();
 }