From f7c57f8abdd71f57e2a97b425419693a2e4435b1 Mon Sep 17 00:00:00 2001
From: Andrio Celos <AndrioCelos@users.noreply.github.com>
Date: Tue, 10 Jan 2023 20:06:58 +1100
Subject: [PATCH] Fix gradient text fill on Edge

---
 TableturfBattleClient/tableturf.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/TableturfBattleClient/tableturf.css b/TableturfBattleClient/tableturf.css
index 96c8c77..77b74e7 100644
--- a/TableturfBattleClient/tableturf.css
+++ b/TableturfBattleClient/tableturf.css
@@ -286,12 +286,14 @@ dialog::backdrop {
 	background: var(--colour);
 	background: linear-gradient(90deg, rgb(255, 242, 129) 0%, rgb(255, 255, 224) 15%, rgb(231, 180, 39) 50%, rgb(255, 255, 224) 85%, rgb(255, 242, 129) 100%);
 	background-clip: text;
+	-webkit-background-clip: text;
 	color: transparent;
 }
 .card.fresh .cardName {
 	background: var(--colour);
 	background: linear-gradient(120deg, rgba(253, 217, 169, 1) 0%, rgba(200, 58, 141, 1) 50%, rgba(55, 233, 207, 1) 100%);
 	background-clip: text;
+	-webkit-background-clip: text;
 	color: transparent;
 	flex-grow: 0;
 }
@@ -1126,7 +1128,7 @@ dialog::backdrop {
     width: auto;
     justify-self: stretch;
   }
-	
+
 	/* Lobby - Mobile layout */
 
 	#lobbyPage:not([hidden]) {
@@ -1253,7 +1255,7 @@ dialog::backdrop {
 	#gameButtonsContainer button {
 		font-size: 250%;
 	}
-	
+
 	#gamePage > #testAllCardsContainer:not([hidden]) {
 		grid-row: 1 / -1;
 		grid-column: 1 / -1;