From 016ad2e8f6eb4ed750c61cd17898d4a5393929e3 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Thu, 27 Jun 2024 15:03:35 -0700
Subject: Fix elevation view styles
---
public/assets/css/map.css | 8 +--
public/assets/css/radial.css | 79 ++++++++----------------------
public/assets/images/scenario_template.svg | 7 +--
src/index.js | 12 ++---
src/modules/scenario.js | 3 +-
5 files changed, 32 insertions(+), 77 deletions(-)
diff --git a/public/assets/css/map.css b/public/assets/css/map.css
index 207c8e6..c1f0141 100644
--- a/public/assets/css/map.css
+++ b/public/assets/css/map.css
@@ -15,7 +15,7 @@ text {
}
use[href="#hex"] {
- opacity: 0.5;
+ opacity: 0;
fill: transparent;
fill-opacity: 0.5;
stroke-width: 0.5px;
@@ -392,11 +392,7 @@ g[data-y="76"] { --i: 76; }
/* fill: inherit; */
}
-.building path {
- fill: none;
-}
-
-.furniture {
+.furniture, .stairs {
fill: rgb(104, 185, 181);
}
diff --git a/public/assets/css/radial.css b/public/assets/css/radial.css
index 8413b54..b704668 100644
--- a/public/assets/css/radial.css
+++ b/public/assets/css/radial.css
@@ -67,20 +67,6 @@ use[href="#hex"] {
stroke-linecap: square;
}
-.view-elevation-roof .doors,
-.view-elevation-roof .inner-wall,
-.view-elevation-roof .outer-wall {
- display: none;
-}
-
-/* [class^="elevation"] {
- display: none;
-}
-
-[class="elevation-0"] {
- display: inline;
-} */
-
.elevation-basement {
fill: lightgray;
display: none;
@@ -157,7 +143,8 @@ use[href="#hex"] {
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure [class*="wall"],
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .floor,
[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .doors:not(.exits),
-[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .door-edges:not(.exits) {
+[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .door-edges:not(.exits),
+[data-view-elevation="-1"] .building > .elevation-basement ~ .structure .furniture {
display: inline;
}
@@ -171,7 +158,12 @@ use[href="#hex"] {
display: inline;
}
-[data-view-elevation="1"] .building .elevation-1 + .structure [class*='wall'] {
+[data-view-elevation="1"] .building .elevation-1 + .structure [class*='wall'],
+[data-view-elevation="1"] .building .elevation-1 + .structure .doors,
+[data-view-elevation="1"] .building .elevation-1 + .structure .door-edges,
+[data-view-elevation="1"] .building .elevation-1 + .structure .windows,
+[data-view-elevation="1"] .building .elevation-1 + .structure .furniture,
+[data-view-elevation="1"] .building .elevation-1 ~ .structure .exits {
display: none;
}
@@ -184,7 +176,12 @@ use[href="#hex"] {
display: inline;
}
-[data-view-elevation="2"] .building .elevation-2 + .structure [class*='wall'] {
+[data-view-elevation="2"] .building .elevation-2 + .structure [class*='wall'],
+[data-view-elevation="2"] .building .elevation-2 + .structure .doors,
+[data-view-elevation="2"] .building .elevation-2 + .structure .door-edges,
+[data-view-elevation="2"] .building .elevation-2 + .structure .windows,
+[data-view-elevation="2"] .building .elevation-2 + .structure .furniture,
+[data-view-elevation="2"] .building .elevation-2 ~ .structure .exits {
display: none;
}
@@ -197,7 +194,12 @@ use[href="#hex"] {
display: inline;
}
-[data-view-elevation="3"] .building .elevation-3 + .structure [class*='wall'] {
+[data-view-elevation="3"] .building .elevation-3 + .structure [class*='wall'],
+[data-view-elevation="3"] .building .elevation-3 + .structure .doors,
+[data-view-elevation="3"] .building .elevation-3 + .structure .door-edges,
+[data-view-elevation="3"] .building .elevation-3 + .structure .windows,
+[data-view-elevation="3"] .building .elevation-3 + .structure .furniture,
+[data-view-elevation="3"] .building .elevation-3 ~ .structure .exits {
display: none;
}
@@ -218,52 +220,11 @@ use[href="#hex"] {
display: inline;
}
-.view-elevation-0 .elevation-0 {
- display: inline;
-}
-
-.view-elevation-1 .elevation-0 {
- display: inline;
-}
-
-.view-elevation-1 .elevation-1 {
- display: inline;
-}
-
-.view-elevation-1 .building .elevation-0 {
- display: none;
-}
-
-.view-elevation-1 .building .elevation-1 {
- /* display: none; */
-}
-
-.view-elevation-roof .elevation-roof {
- display: inline;
-}
-
-.view-elevation-basement [class^="elevation"] {
- display: none;
-}
-
-.view-elevation-basement .elevation-basement {
- display: inline;
-}
-
-.view-elevation-basement .doors {
- display: none;
-}
-
.building [class*="elevation"] use {
/* fill-opacity: 0.33; */
stroke: black;
}
-.building {
- /* display: none; */
- /* opacity: 0.2 */
-}
-
#tree .trunk {
fill: brown;
}
diff --git a/public/assets/images/scenario_template.svg b/public/assets/images/scenario_template.svg
index 6c298b7..dc387bb 100644
--- a/public/assets/images/scenario_template.svg
+++ b/public/assets/images/scenario_template.svg
@@ -1,5 +1,6 @@
-