style: fix up very long word breaking the table width

hashicorp · Feb 3, 2022 · 6746e9e · 6746e9e
1 parent 4f56d81
commit 6746e9e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/ui/app/styles/core/table.scss b/ui/app/styles/core/table.scss
@@ -128,6 +128,10 @@
         font-weight: $weight-semibold;
       }
     }
+
+    &.ensure-break {
+      word-break: break-word;
+    }
   }
 
   thead {

diff --git a/ui/app/templates/allocations/allocation/index.hbs b/ui/app/templates/allocations/allocation/index.hbs
@@ -173,7 +173,7 @@
             <tr data-test-service>
               <td data-test-service-name>{{row.model.name}}</td>
               <td data-test-service-port>{{row.model.portLabel}}</td>
-              <td data-test-service-tags>{{join ", " row.model.tags}}</td>
+              <td data-test-service-tags class="ensure-break">{{join ", " row.model.tags}}</td>
               <td data-test-service-onupdate>{{row.model.onUpdate}}</td>
               <td data-test-service-connect>{{if row.model.connect "Yes" "No"}}</td>
               <td data-test-service-upstreams>