Fix popup overflow
Fix pulldowns overflow
Update extra popus
Update UTCI/SunSoak - Show variant selected
This commit is contained in:
Fraxle
2026-05-26 13:15:26 +01:00
parent f8a220b325
commit 1509ddb78d
8 changed files with 95 additions and 16 deletions
+26
View File
@@ -468,6 +468,19 @@
margin-top: 2px;
}
/* Environment modifier badge — shown in SunSoak th when non-default env active */
.col-env-badge {
display: block;
font-size: 9px;
font-weight: 700;
font-family: Manrope, sans-serif;
letter-spacing: 0.04em;
color: #a06828;
opacity: 0.85;
margin-top: 2px;
white-space: nowrap;
}
/* col-unit header spans always visible - units toggle only affects body cells */
@media (max-width: 800px) {
@@ -542,6 +555,9 @@
position: fixed; /* set by JS — stays in viewport regardless of scroll */
z-index: 200;
width: 260px;
max-height: 260px;
display: flex;
flex-direction: column;
background: #fffcf2;
border: 1.5px solid #c9b08a;
border-radius: 6px;
@@ -588,6 +604,8 @@
color: #6b4f2a;
line-height: 1.5;
margin: 0;
overflow-y: auto; /* scrolls when text exceeds max-height cap */
flex: 1 1 auto;
}
.col-info-close {
position: absolute;
@@ -811,6 +829,14 @@
.utci-table .grp-label-row th.grp-airqual { background: rgba(229,240,216,0.50); border-left: 2px solid rgba(74,50,24,0.18); border-bottom: 1px solid rgba(74,50,24,0.18);}
.utci-table .grp-label-row th.grp-solar { background: rgba(250,234,204,0.50); border-left: 2px solid rgba(74,50,24,0.18); border-bottom: 1px solid rgba(74,50,24,0.18);}
/* ── POPUP — mobile centre-alignment ───────────────────────────────── */
@media (max-width: 640px) {
.col-info-title,
.col-info-desc {
text-align: center;
}
}
/* ── FILTER PROFILES + COLUMN TOGGLES — mobile fixes ───────────────── */
@media (max-width: 640px) {