From 0a35b1d9ad0b5791c1123944492df07dabc6b876 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Wed, 1 Nov 2023 16:33:33 +0100 Subject: Reinstate mapwrap. Tweak mobile layout. Lift selected units. --- play.html | 83 +++++++++++++++++++++++++++++++++++---------------------------- play.js | 5 +++- 2 files changed, 50 insertions(+), 38 deletions(-) diff --git a/play.html b/play.html index 70ef80c..4e933b4 100644 --- a/play.html +++ b/play.html @@ -90,6 +90,11 @@ main { background-color: dimgray } border: 1px solid #222; } +#mapwrap { + width: 1503px; + height: 1103px; +} + #map { width: 1503px; height: 1103px; @@ -358,12 +363,11 @@ svg .area.tip { .panel { max-width: 900px; margin: 36px auto; - background-color: #808080; + background-color: #555; border: 3px solid #555; } .panel_header { - background-color: #555; color: white; user-select: none; font-weight: bold; @@ -372,6 +376,7 @@ svg .area.tip { } .panel_body { + background-color: #808080; display: flex; justify-content: start; flex-wrap: wrap; @@ -380,6 +385,10 @@ svg .area.tip { min-height: 43px; } +@media (max-width: 800px) { + section { min-width: 1503px; } +} + @@ -426,9 +435,10 @@ svg .area.tip {
-
+
-
+
+
@@ -579,45 +589,44 @@ svg .area.tip { -
- -
- -
-
-
-
-
-
-
-
-
- -
-
- -
+
+ +
+ +
+
+
+
+
+
+
+
+
+ +
+
-
-
Government Available Forces
-
+
+
-
-
+
-
-
FLN Available Forces
-
+
+
Government Available Forces
+
+
-
-
+
+
FLN Available Forces
+
+
-
-
Eliminated / Out of Play
-
+
+
Eliminated / Out of Play
+
+
-
-
+
diff --git a/play.js b/play.js index a1e2313..6455535 100644 --- a/play.js +++ b/play.js @@ -505,7 +505,10 @@ function layout_stack(loc_id, box_id) { e.my_stack = stack e.style.left = x + "px" e.style.top = y + "px" - e.style.zIndex = z++ + if (is_unit_selected(e.my_id)) + e.style.zIndex = 100 + z++ + else + e.style.zIndex = z++ x += dx y += dy } -- cgit v1.2.3