From 67c016623c6ae2a5d343ae8597e40536e96ba03f Mon Sep 17 00:00:00 2001 From: Martin Dvorak Date: Wed, 30 Sep 2026 13:12:17 +0000 Subject: [PATCH] hide sidebar clock and contact email on phones --- agents.md | 3 +++ src/app/web.css | 5 +++++ 2 files changed, 8 insertions(+) diff --git a/agents.md b/agents.md index 76b4804..951b5cd 100644 --- a/agents.md +++ b/agents.md @@ -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 diff --git a/src/app/web.css b/src/app/web.css index 66c8f3f..31a2e91 100644 --- a/src/app/web.css +++ b/src/app/web.css @@ -1136,6 +1136,11 @@ html[data-theme="web"][data-scheme="dark"] .heatmap-legend-cell[data-level="4"] .heatmap-status-row { display: none; } + /* Phones drop the sidebar foot (clock + mail + its divider) too: in the + collapsed top panel it's just noise. The desktop sidebar keeps it. */ + .web-side-foot { + display: none; + } } @media (max-width: 400px) {