From c148f4a4f329decec4602a48a8a71a62b429bfb4 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Thu, 27 Jun 2024 12:48:06 -0700
Subject: WIP: render radial coord hexes/maps
---
public/assets/css/map.css | 8 ++++++--
public/assets/css/radial.css | 5 +----
public/assets/css/style.css | 36 ++++++++++++++++++++++++++++++++++++
3 files changed, 43 insertions(+), 6 deletions(-)
(limited to 'public/assets/css')
diff --git a/public/assets/css/map.css b/public/assets/css/map.css
index 3d532ed..207c8e6 100644
--- a/public/assets/css/map.css
+++ b/public/assets/css/map.css
@@ -15,7 +15,7 @@ text {
}
use[href="#hex"] {
- opacity: 0;
+ opacity: 0.5;
fill: transparent;
fill-opacity: 0.5;
stroke-width: 0.5px;
@@ -60,6 +60,10 @@ g.weapon-symbol :not(use[href="#counter-base"]) {
stroke-width: 0.5px;
}
+/* g.weapon-symbol {
+ r: 5px;
+} */
+
g.troop-counter-template text {
fill: white;
font-size: 12px;
@@ -425,7 +429,7 @@ g[data-y="76"] { --i: 76; }
.building .doors {
stroke: white;
- stroke-width: 2.25
+ stroke-width: 2.25px
}
#test-arcs line, #test-arcs polyline {
diff --git a/public/assets/css/radial.css b/public/assets/css/radial.css
index e4217b7..4ad1903 100644
--- a/public/assets/css/radial.css
+++ b/public/assets/css/radial.css
@@ -21,7 +21,7 @@ text {
use[href="#hex"] {
stroke: #666;
/* fill: wheat; */
- fill: navajowhite;
+ /* fill: navajowhite; */
/* fill: url(#asterisk); */
}
@@ -334,6 +334,3 @@ input:checked+label {
fill: lightgreen;
}
-.furniture {
- fill: violet;
-}
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 5fa37f8..b5d7b8a 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -173,6 +173,10 @@ polygon.firing-arc[data-allegiance="attacker"] {
fill: blue;
}
+.weapon-symbol polyline {
+ fill: none;
+}
+
.soldier-record[data-allegiance="defender"] svg {
fill: red;
}
@@ -191,6 +195,14 @@ polygon.firing-arc[data-allegiance="attacker"] {
stroke-width: 0.5px;
}
+.weapon-symbol {
+ stroke: none;
+}
+
+[href="#counter-base"] {
+ stroke: none;
+}
+
.soldier-record svg {
width: 20px;
height: 20px;
@@ -400,6 +412,30 @@ div#dice {
animation: roll-out 0.125s linear 1;
}
+.select-elevation {
+ position: fixed;
+ right: 0;
+ top: 50%;
+ margin-right: 10px;
+ background-color: #FFFFFF99;
+ border: 1px solid gray;
+ padding: 2px;
+ font-family: sans-serif;
+ font-size: 10pt;
+}
+
+.select-elevation label {
+ display: block;
+ margin: 2px 0;
+ text-align: center;
+ border: 1px solid transparent;
+ user-select: none;
+}
+
+.select-elevation input {
+ display: none;
+}
+
@keyframes roll-out {
0% {
transform: scaleX(1);
--
cgit v1.2.3