fix(core): replace word-break CSS with overflow-wrap (#4334)

spinnaker · Oct 27, 2017 · abfbb32 · abfbb32
1 parent ee646f8
commit abfbb32
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 11 deletions.
diff --git a/.../modules/amazon/src/serverGroup/details/scalingPolicy/scalingPolicySummary.component.less b/.../modules/amazon/src/serverGroup/details/scalingPolicy/scalingPolicySummary.component.less
@@ -1,6 +1,6 @@
 scaling-policy-summary {
   .alarm-name {
-    word-break: break-all;
+    overflow-wrap: break-word;
   }
   .actions {
     font-size: 85%;

diff --git a/app/scripts/modules/core/src/cluster/rollups.less b/app/scripts/modules/core/src/cluster/rollups.less
@@ -66,7 +66,7 @@
 table.instances {
   table-layout: fixed;
   td {
-    word-break: break-all;
+    overflow-wrap: break-word;
   }
 }
 

diff --git a/app/scripts/modules/core/src/pipeline/config/preconditions/preconditionList.directive.less b/app/scripts/modules/core/src/pipeline/config/preconditions/preconditionList.directive.less
@@ -1,5 +1,5 @@
 td.precondition-details {
-  word-break: break-all;
+  overflow-wrap: break-word;
 }
 
 th.precondition-details {

diff --git a/app/scripts/modules/core/src/pipeline/config/stages/deploy/deployStage.html b/app/scripts/modules/core/src/pipeline/config/stages/deploy/deployStage.html
@@ -25,7 +25,7 @@
         <td>
           <account-tag account="cluster.account"></account-tag>
         </td>
-        <td style="word-break: break-all;">
+        <td style="overflow-wrap: break-word;">
           {{ deployStageCtrl.getClusterName(cluster) }}
         </td>
         <td>

diff --git a/app/scripts/modules/core/src/pipeline/config/templates/Variable.less b/app/scripts/modules/core/src/pipeline/config/templates/Variable.less
@@ -9,6 +9,6 @@
     color: var(--color-black);
     margin-right: 3px;
     max-width: 100px;
-    word-break: break-all;
+    overflow-wrap: break-word;
   }
 }
diff --git a/app/scripts/modules/core/src/presentation/details.less b/app/scripts/modules/core/src/presentation/details.less
@@ -100,7 +100,7 @@
     padding: 20px 15px 0 15px;
     margin-bottom: 10px;
     .header-text {
-      word-break: break-all;
+      overflow-wrap: break-word;
       padding: 15px 0;
       display: table;
       .copy-to-clipboard .glyphicon {

diff --git a/app/scripts/modules/core/src/presentation/main.less b/app/scripts/modules/core/src/presentation/main.less
@@ -424,7 +424,7 @@ html {
 }
 
 dl {
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .dl-horizontal {
@@ -466,7 +466,7 @@ dl {
 }
 
 .tooltip-inner {
-  word-break: break-word;
+  overflow-wrap: break-word;
 }
 
 .tooltip-table {
@@ -1334,7 +1334,7 @@ ul.checkmap {
 }
 
 .break-word {
-  word-break: break-all;
+  overflow-wrap: break-word;
 }
 
 .horizontal-rule {

diff --git a/app/scripts/modules/core/src/search/searchResult/baseTable.less b/app/scripts/modules/core/src/search/searchResult/baseTable.less
@@ -6,7 +6,7 @@
     width: auto;
     overflow-x: auto;
     white-space: nowrap;
-    word-break: break-all;
+    overflow-wrap: break-word;
     .table-header {
       position: sticky;
       top: 0;
@@ -31,7 +31,7 @@
         padding: 10px;
         display: inline-block;
         width: 150px;
-        word-break: break-all;
+        overflow-wrap: break-word;
         white-space: normal;
         border-bottom: 1px solid var(--color-alto);
       }