oskarvitalii/Arduino
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): scrollable Forecast log with fixed height

Browse Source 
Cap the log panel at ~216px with a thin themed scrollbar so a long
forecast history does not stretch the page.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
oskarvitalii
2026-07-21 07:08:21 +07:00
co-authored by Claude Opus 4.8
parent 4b59b8936b
commit f8294d4aed
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WeatherPredictor/web_page.h
+5 -1
View File
@@ -103,7 +103,11 @@ static const char INDEX_HTML[] PROGMEM = R"HTML(
.cap{color:var(--muted); font-size:.74rem; letter-spacing:.06em} .cap{color:var(--muted); font-size:.74rem; letter-spacing:.06em}
/* Forecast log */ /* Forecast log */
.log{list-style:none; margin:2px 0 0; padding:0} .log{list-style:none; margin:2px 0 0; padding:0 8px 0 0; max-height:216px; overflow-y:auto;
scrollbar-width:thin; scrollbar-color:var(--line) transparent}
.log::-webkit-scrollbar{width:8px}
.log::-webkit-scrollbar-thumb{background:var(--line); border-radius:8px}
.log::-webkit-scrollbar-track{background:transparent}
.log li{display:flex; align-items:center; gap:13px; padding:12px 0; border-top:1px solid var(--line)} .log li{display:flex; align-items:center; gap:13px; padding:12px 0; border-top:1px solid var(--line)}
.log li:first-child{border-top:0} .log li:first-child{border-top:0}
.log .dot{width:9px; height:9px; border-radius:50%; flex:0 0 auto} .log .dot{width:9px; height:9px; border-radius:50%; flex:0 0 auto}