MAGETWO-35857: Words are broken for fields with long labels all over the Backend

Bogdan Plieshka · Bogdan Plieshka · commit f4c877c9c93f · 2015-04-08T19:55:17.000+03:00
- Changed all word-break: break-all properties to word-wrap: break-word
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/_menu.less
@@ -166,7 +166,7 @@
             text-decoration: none;
             text-transform: uppercase;
             transition: background-color .1s linear;
-            word-break: break-all;
+            word-wrap: break-word;
             z-index: @menu__z-index;
             &:focus {
                 box-shadow: none;
diff --git a/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/main/_page-nav.less b/app/design/adminhtml/Magento/backend/Magento_Backend/web/css/source/module/main/_page-nav.less
@@ -197,7 +197,7 @@
     margin: 0 0 -1px;
     padding: @admin__page-nav-link__padding;
     transition: @admin__page-nav-transition;
-    word-break: break-all;
+    word-wrap: break-word;
 
     &._changed {
         .admin__page-nav-item-message {
diff --git a/app/design/adminhtml/Magento/backend/web/css/source/forms/_fields.less b/app/design/adminhtml/Magento/backend/web/css/source/forms/_fields.less
@@ -69,7 +69,7 @@
         line-height: 3.2rem;
         padding: 0;
         white-space: nowrap;
-        word-break: break-all;
+        word-wrap: break-word;
 
         &:before {
             content: '.';
diff --git a/app/design/adminhtml/Magento/backend/web/css/styles-old.less b/app/design/adminhtml/Magento/backend/web/css/styles-old.less
@@ -1064,7 +1064,7 @@
         line-height: 3.2rem;
         padding: 0 30px 0 0;
         white-space: nowrap;
-        word-break: break-all;
+        word-wrap: break-word;
         &:before {
             content: '.';
             margin-left: -7px;
diff --git a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_module.less b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/_module.less
@@ -618,7 +618,7 @@ body.catalog-product-compare-index {
             .attribute.label {
                 display: block;
                 width: 100%;
-                word-break: break-all;
+                word-wrap: break-word;
             }
         }
         &.attribute {
diff --git a/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_listings.less b/app/design/frontend/Magento/blank/Magento_Catalog/web/css/source/module/_listings.less
@@ -46,9 +46,7 @@
             &:extend(.abs-product-link all);
             display: block;
             margin: @indent__xs 0;
-            word-break: break-all;
-            //  Non standard for webkit
-            word-break: break-word;
+            word-wrap: break-word;
             -webkit-hyphens: auto;
             -moz-hyphens: auto;
             -ms-hyphens: auto;
diff --git a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/_module.less b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/_module.less
@@ -212,7 +212,7 @@
         }
     }
     .product.attibute.sku {
-        word-break: break-all;
+        word-wrap: break-word;
     }
     .product {
         &-add-form {
@@ -726,7 +726,7 @@ body.catalog-product-compare-index {
             .attribute.label {
                 display: block;
                 width: 100%;
-                word-break: break-all;
+                word-wrap: break-word;
             }
         }
         &.attribute {
diff --git a/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less b/app/design/frontend/Magento/luma/Magento_Catalog/web/css/source/module/_listings.less
@@ -45,9 +45,7 @@
             &:extend(.abs-product-link all);
             display: block;
             margin: @indent__xs 0;
-            word-break: break-all;
-            //  Non standard for webkit
-            word-break: break-word;
+            word-wrap: break-word;
             -webkit-hyphens: auto;
             -moz-hyphens: auto;
             -ms-hyphens: auto;
diff --git a/lib/web/css/source/lib/_navigation.less b/lib/web/css/source/lib/_navigation.less
@@ -85,7 +85,7 @@
                 .css(line-height, @_nav-level0-item-line-height);
                 .css(padding, @_nav-level0-item-padding);
                 .css(text-transform, @_nav-level0-text-transform);
-                word-break: break-all;
+                word-wrap: break-word;
             }
             &.active {
                 .all-category {
@@ -126,7 +126,7 @@
         }
         .submenu {
             > li {
-                word-break: break-all;
+                word-wrap: break-word;
             }
             &:not(:first-child) {
                 .css(background, @_submenu-background-color);
diff --git a/lib/web/css/source/lib/_typography.less b/lib/web/css/source/lib/_typography.less
@@ -51,8 +51,7 @@
 }
 
 .wrap-words() {
-    word-break: break-all;
-    word-break: break-word;
+    word-wrap: break-word;
     .hyphens();
 }
 
@@ -379,7 +378,7 @@
         .css(margin, 0 0 @indent__s);
         .css(line-height, @line-height__base);
         .css(padding, @indent__s);
-        word-break: break-all;
+        word-wrap: break-word;
         word-wrap: break-word;
         code {
             padding: 0;

Original file line number	Diff line number	Diff line change
`@@ -618,7 +618,7 @@ body.catalog-product-compare-index {`
`618`	`618`	`.attribute.label {`
`619`	`619`	`display: block;`
`620`	`620`	`width: 100%;`
`621`		`- word-break: break-all;`
	`621`	`+ word-wrap: break-word;`
`622`	`622`	`}`
`623`	`623`	`}`
`624`	`624`	`&.attribute {`
Original file line number	Diff line number	Diff line change
`@@ -212,7 +212,7 @@`
`212`	`212`	`}`
`213`	`213`	`}`
`214`	`214`	`.product.attibute.sku {`
`215`		`- word-break: break-all;`
	`215`	`+ word-wrap: break-word;`
`216`	`216`	`}`
`217`	`217`	`.product {`
`218`	`218`	`&-add-form {`
`@@ -726,7 +726,7 @@ body.catalog-product-compare-index {`
`726`	`726`	`.attribute.label {`
`727`	`727`	`display: block;`
`728`	`728`	`width: 100%;`
`729`		`- word-break: break-all;`
	`729`	`+ word-wrap: break-word;`
`730`	`730`	`}`
`731`	`731`	`}`
`732`	`732`	`&.attribute {`
Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@`
`85`	`85`	`.css(line-height, @_nav-level0-item-line-height);`
`86`	`86`	`.css(padding, @_nav-level0-item-padding);`
`87`	`87`	`.css(text-transform, @_nav-level0-text-transform);`
`88`		`- word-break: break-all;`
	`88`	`+ word-wrap: break-word;`
`89`	`89`	`}`
`90`	`90`	`&.active {`
`91`	`91`	`.all-category {`
`@@ -126,7 +126,7 @@`
`126`	`126`	`}`
`127`	`127`	`.submenu {`
`128`	`128`	`> li {`
`129`		`- word-break: break-all;`
	`129`	`+ word-wrap: break-word;`
`130`	`130`	`}`
`131`	`131`	`&:not(:first-child) {`
`132`	`132`	`.css(background, @_submenu-background-color);`