fix(diamond): fix text outline on diamond

RangerRick · Sep 12, 2020 · c405a8e · c405a8e
1 parent c8eb1c1
commit c405a8e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/app/diamond/diamond.component.scss b/src/app/diamond/diamond.component.scss
@@ -5,6 +5,10 @@
   --background: #00a831;
 }
 
+#main text {
+  paint-order: stroke;
+}
+
 .team-header {
   color: white;
   font-size: 3.5vw;

diff --git a/src/app/diamond/diamond.component.ts b/src/app/diamond/diamond.component.ts
@@ -26,7 +26,7 @@ export class DiamondComponent implements DoCheck, OnChanges, OnInit {
     color: 'white',
     family: 'Arial Narrow Bold, Arial Narrow, Impact, sans-serif',
     size: '1.5rem',
-    strokeWidth: 0.1,
+    strokeWidth: '2px',
     weight: '500',
   };