dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fit web section nav without horizontal scroll on phones

Browse source
This commit is contained in:
Martin Dvořák 2026-09-30 13:20:00 +00:00
commit f72415f464
2 changed files with 28 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
agents.md
View file

@ -175,6 +175,10 @@ Themes: `web` = default frosted-glass website (sidebar + content, light/dark),
- 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.
- On phones (`max-width: 640px`) the section nav (`.web-nav`) stops being the
sideways-scrolling row it is on tablets and becomes a wrapping **grid**
(3-up, 2-up below `375px`) of button tiles, so every section fits with no
horizontal scroll — the collapsed top panel must never scroll sideways.
- 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