gitadmin/sunscope
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.9.3

Browse Source 
Updated scope temperature arc to gradient
Fix banner scaling
Add Pulldown to scope
This commit is contained in:
Fraxle
2026-05-27 00:52:24 +01:00
parent d2952cddd2
commit 0c8cb1ba37
5 changed files with 211 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/header.css
+90
View File
@@ -83,6 +83,92 @@
display: block;
}
.scope-col {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.scope-env-row {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
border-top: 1px solid #c9b08a;
width: 220px; /* match desktop/tablet dial width */
}
.scope-env-label {
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #b09870;
}
.scope-env-row .cs-wrap,
.scope-env-row .cs-btn {
width: 100%;
}
.scope-env-row .cs-btn {
justify-content: center;
position: relative;
isolation: isolate;
border-radius: 999px;
box-shadow: inset 0 1px 3px rgba(255,255,255,0.30), 0 2px 8px rgba(0,0,0,0.18);
transition: color 0.35s ease;
}
.scope-env-row .cs-btn .cs-btn-overlay {
display: block;
position: absolute;
inset: 0;
border-radius: inherit;
background: #c8922a;
opacity: 0;
transition: opacity 0.35s ease;
pointer-events: none;
z-index: 0;
}
.scope-env-row .cs-btn.on:hover .cs-btn-overlay {
opacity: 1;
}
/* Label stays above the overlay */
.scope-env-row .cs-btn .cs-btn-label {
position: relative;
z-index: 1;
}
/* Arrow pinned right, above the overlay */
.scope-env-row .cs-arrow {
position: absolute;
right: 12px;
z-index: 1;
}
.scope-env-row .cs-panel,
.scope-env-row .cs-option {
text-align: center;
}
/* Per-environment gradient themes — !important keeps the gradient fixed
under the brass hover overlay (ui.css :hover rules load later). */
.scope-env-row[data-env="open"] .cs-btn.on { background: linear-gradient(135deg, #7ec8e3 0%, #c8922a 100%) !important; border-color: #a07020 !important; color: #fff; }
.scope-env-row[data-env="forest"] .cs-btn.on { background: linear-gradient(135deg, #1b5e3b 0%, #57bf8a 100%) !important; border-color: #1b5e3b !important; color: #fff; }
.scope-env-row[data-env="alpine"] .cs-btn.on { background: linear-gradient(135deg, #a8cfe8 0%, #dff0fa 100%) !important; border-color: #6aaedd !important; color: #1a3a58; }
.scope-env-row[data-env="beach"] .cs-btn.on { background: linear-gradient(135deg, #2a8fc8 0%, #e8d87a 100%) !important; border-color: #1e78b0 !important; color: #fff; }
.scope-env-row[data-env="river"] .cs-btn.on { background: linear-gradient(135deg, #2e6e5e 0%, #78c4a8 100%) !important; border-color: #2e6e5e !important; color: #fff; }
.scope-env-row[data-env="desert"] .cs-btn.on { background: linear-gradient(135deg, #b86820 0%, #e8c458 100%) !important; border-color: #a05818 !important; color: #fff; }
.scope-env-row[data-env="openwater"] .cs-btn.on { background: linear-gradient(135deg, #0c4878 0%, #2898d8 100%) !important; border-color: #0c4878 !important; color: #fff; }
/* On hover the brass overlay covers the interior — force white text for contrast */
.scope-env-row .cs-btn.on:hover { color: #fff; }
/* The search box on the right of the header */
.utci-search-wrap {
position: relative;
@@ -192,6 +278,10 @@
margin: 0 auto; /* centre the dial */
}
.scope-env-row {
width: 160px; /* match dial width on mobile */
}
.utci-current-loc {
margin-top: 4px; /* tighten gap above location on mobile */
}