Work around Safari's lack of text transform support

hashicorp · Oct 15, 2020 · 214ce4a · 214ce4a
1 parent 0d920ae
commit 214ce4a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/ui/app/styles/charts/topo-viz-node.scss b/ui/app/styles/charts/topo-viz-node.scss
@@ -64,8 +64,11 @@
   .empty-text {
     fill: $red;
     transform: translate(50%, 50%);
-    text-anchor: middle;
-    alignment-baseline: central;
+
+    text {
+      text-anchor: middle;
+      alignment-baseline: central;
+    }
   }
 
   & + .topo-viz-node {

diff --git a/ui/app/templates/components/topo-viz/node.hbs b/ui/app/templates/components/topo-viz/node.hbs
@@ -109,7 +109,7 @@
         </g>
       </g>
     {{else}}
-      <text data-test-empty-message class="empty-text">Empty Client</text>
+      <g class="empty-text"><text data-test-empty-message>Empty Client</text></g>
     {{/if}}
   </svg>
 </div>