hide sidebar clock and contact email on phones

This commit is contained in:
Martin Dvořák 2026-09-30 13:12:17 +00:00
commit 67c016623c
2 changed files with 8 additions and 0 deletions

View file

@ -172,6 +172,9 @@ Themes: `web` = default frosted-glass website (sidebar + content, light/dark),
- The desktop switch (`.web-ctl-desktop`) is hidden on phones: under the
`max-width: 960px` breakpoint and under `(hover: none) and (pointer: coarse)`.
There is no device sniff anymore — phones just get the responsive web shell.
- The sidebar foot (`.web-side-foot` — the live clock + contact email and its
top divider) is hidden on phones under `max-width: 640px`. In the collapsed
top panel it's just noise; the desktop/tablet sidebar keeps it.
- Under `max-width: 640px` the year-grid heatmap (`.heatmap-container`) and its
legend/hover row (`.heatmap-status-row`) are `display: none` — the grid is
unreadable at phone widths. The contribution total and the commit history