From c4047b56d7b75d8b7ba8b884d8ec6b2660036e12 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Tue, 2 Jul 2024 20:57:41 -0700
Subject: Render roofs below current elevation level in different color
---
public/assets/css/map.css | 2 +-
public/assets/css/radial.css | 39 +++++++++++++++++++++++++++++++++------
public/assets/images/radial.svg | 2 +-
3 files changed, 35 insertions(+), 8 deletions(-)
(limited to 'public/assets')
diff --git a/public/assets/css/map.css b/public/assets/css/map.css
index 7eb87f8..24b6e31 100644
--- a/public/assets/css/map.css
+++ b/public/assets/css/map.css
@@ -393,7 +393,7 @@ g[data-y="76"] { --i: 76; }
}
.floor {
- fill: white;
+ /* fill: white; */
/* fill: inherit; */
}
diff --git a/public/assets/css/radial.css b/public/assets/css/radial.css
index c75d676..b9ad688 100644
--- a/public/assets/css/radial.css
+++ b/public/assets/css/radial.css
@@ -37,7 +37,7 @@ use[href="#hex"] {
.terrain .floor {
display: inline;
opacity: 1;
- fill: #ffffff;
+ /* fill: #ffffff; */
/* fill-opacity: 0.5; */
/* fill: url(#asterisk); */
stroke: none;
@@ -63,6 +63,11 @@ use[href="#hex"] {
display: none;
}
+.building use.floor {
+ fill: gray;
+ display: inline;
+}
+
[data-view-elevation="-1"] [class*="elevation"] {
display: none;
}
@@ -79,21 +84,43 @@ use[href="#hex"] {
display: inline;
}
+[data-view-elevation="-1"] .building use.floor {
+ display: none;
+}
+
+[data-view-elevation="-1"] .building use.floor.elevation-basement {
+ fill: white;
+ display: inline;
+}
+
+[data-view-elevation="0"] .building use.floor.elevation-0 {
+ fill: white;
+}
+
[data-view-elevation="1"] .building .elevation-1 {
display: inline;
}
-[data-view-elevation="2"] .building .elevation-2,
-[data-view-elevation="2"] .building .elevation-1:last-child {
+[data-view-elevation="1"] .building use.floor.elevation-1 {
+ fill: white;
+}
+
+[data-view-elevation="2"] .building .elevation-2 {
display: inline;
}
-[data-view-elevation="3"] .building .elevation-3,
-[data-view-elevation="3"] .building .elevation-1:last-child,
-[data-view-elevation="3"] .building .elevation-2:last-child {
+[data-view-elevation="2"] .building use.floor.elevation-2 {
+ fill: white;
+}
+
+[data-view-elevation="3"] .building .elevation-3 {
display: inline;
}
+[data-view-elevation="3"] .building use.floor.elevation-3 {
+ fill: white;
+}
+
#tree .trunk {
fill: brown;
}
diff --git a/public/assets/images/radial.svg b/public/assets/images/radial.svg
index 775f0f2..69390f9 100644
--- a/public/assets/images/radial.svg
+++ b/public/assets/images/radial.svg
@@ -200,7 +200,7 @@
-
+
--
cgit v1.2.3