Web Dev Solutions

Catalin Mititiuc

From b73217c5c45e2c23ac14e70346036cf4477a6ebe Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Wed, 24 Apr 2024 11:22:42 -0700 Subject: Make trooper counters groups --- public/map.css | 44 +++++++++----------------------------------- public/map.svg | 28 ++++++++++++++-------------- 2 files changed, 23 insertions(+), 49 deletions(-) (limited to 'public') diff --git a/public/map.css b/public/map.css index 71dfe79..cc95931 100644 --- a/public/map.css +++ b/public/map.css @@ -65,7 +65,7 @@ polyline.move-trace { r: inherit; } -g.troop-counter, g.troop-counter use { +g.troop-counter, g.counter, g.troop-counter use { r: inherit; } @@ -94,38 +94,17 @@ g.troop-counter-template text { transform: translate(-5px, -5px); } -g#points g use.counter { - r: 5px; -} - -g#points g.hover use[href="#point"] { - opacity: 1; - fill: orange; -} - -g#points g.hover use.counter { - r: 7px; -} - -g#points use.counter[data-troop-allegiance="davion"] { - fill: red; -} - -g#points use.counter[data-troop-allegiance="liao"] { - fill: green; -} - -use.clone { +g.clone { stroke: white; stroke-width: 0.5px; stroke-dasharray: 1; } -use[data-allegiance="davion"].clone { +g[data-allegiance="davion"].clone { fill: rgb(255, 126, 126); } -use[data-allegiance="liao"].clone { +g[data-allegiance="liao"].clone { fill: rgb(130, 190, 130); } @@ -180,7 +159,7 @@ use[href*="#t-"] { r: 5px; } -use.selected { +g.selected use { animation: 1s selected 0.25s linear infinite; stroke-width: 2px; stroke: yellow; @@ -195,28 +174,23 @@ use.selected { } } -use[data-allegiance="liao"] { +.counter[data-allegiance="liao"] { fill: #008000; } -use[data-allegiance="davion"] { +.counter[data-allegiance="davion"] { fill: red; } -/* Counter is off the grid */ -use[href*="#t-"][data-x]:hover { - --scale: 1.5; -} - .board { transform: translate(19px, 31px) scale(4); } -g.start-locations g:first-child { +g.start-locations > g:first-child { --i: -2; } -g.start-locations g:last-child { +g.start-locations > g:last-child { --i: 52; } diff --git a/public/map.svg b/public/map.svg index f4774c0..d647e97 100644 --- a/public/map.svg +++ b/public/map.svg @@ -54,22 +54,22 @@ - - - - - - - + + + + + + + - - - - - - - + + + + + + + -- cgit v1.2.3