From 252f3c382a445ddd3a384a18b6f339d283bd9c79 Mon Sep 17 00:00:00 2001
From: Arkerthan <arkerthan@gmail.com>
Date: Thu, 12 Mar 2020 12:14:52 +0100
Subject: [PATCH] fix building layout, all cells same size & no see through
---
src/003-assets/CSS/arcologyBuilding.css | 9 +++++++--
1 file changed, 7 insertions(+), 2 deletions(-)
diff --git a/src/003-assets/CSS/arcologyBuilding.css b/src/003-assets/CSS/arcologyBuilding.css
index a858bf26bb9..750410612e3 100644
--- a/src/003-assets/CSS/arcologyBuilding.css
+++ b/src/003-assets/CSS/arcologyBuilding.css
@@ -6,7 +6,7 @@ div.building {
div.building.basement {
box-shadow: 0 -1px 0 #333333;
- background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, #333333 20px, #333333 30px);
+ background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, #333333 20px, #333333 30px);
}
div.building div.row {
@@ -18,13 +18,18 @@ div.building div.row {
}
div.building div.outerCell {
- text-align: center;
+ /* fill cell fully, part 1: trick to fill the full height even if content is smaller */
+ display: flex;
+ flex-direction: row;
}
div.building div.innerCell {
margin: 3px;
border: 5px solid;
padding: 2px;
+ text-align: center;
+ /* fill cell fully, part 2: full width */
+ width: 100%;
/* overwriting with the default background color to hide the basement indicator */
background-color: #111;
}
--
GitLab