useweb/drizzli
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

alignment and now

Browse Source
This commit is contained in:
Vincent van der Wal
2026-08-02 09:03:35 +02:00
parent 3fda55ddd2
commit ae50999c1c
5 changed files with 75 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/weather/week/[location]/DailyStripSticky.svelte
+6 -6
View File
@@ -489,8 +489,8 @@
/* full state only: gap above the icons, and the day / night icon offsets
that tighten the pair around the cell centre */
--icon-gap-full: 2px;
--day-icon-nudge: 2px;
--night-icon-nudge: 4px;
--day-icon-nudge: 3px;
--night-icon-nudge: 0px;
/* compact only: signed shift that lands the lone icon dead centre in the
square tile (measured against the tile's mid-line) */
--icon-lift: 1px;
@@ -534,7 +534,7 @@
--tmax-nudge: 0px;
--tmin-nudge: 8px;
--icon-gap-full: 6px;
--day-icon-nudge: 3px;
--day-icon-nudge: 4px;
--night-icon-nudge: 6px;
--pb-full: 10px;
--pb-min: 3px;
@@ -769,11 +769,11 @@
and melts away completely when compact so the day icon re-centers. */
.night-icon {
display: block;
width: calc(var(--icon) * 0.42 * var(--rel));
height: calc(var(--icon) * 0.42 * var(--rel));
width: calc(var(--icon) * 0.55 * var(--rel));
height: calc(var(--icon) * 0.55 * var(--rel));
opacity: var(--rel);
margin-left: calc(-4px * var(--rel));
margin-bottom: calc(6px * var(--rel));
margin-bottom: calc(-4px * var(--rel));
transform: translateX(calc(-1 * var(--night-icon-nudge) * var(--k)));
}
/* weekday centered when full, pushed to the edges when compact */