web theme: hide the year-grid heatmap on phones, keep the contribution total + commit history
This commit is contained in:
parent
cd094f0173
commit
ad0d476a4d
6 changed files with 14 additions and 8 deletions
|
|
@ -43,7 +43,7 @@ frosted-glass **web** site, and an alternate KDE/Plasma **desktop simulation**
|
|||
utilities in the components (Tailwind is present via PostCSS but the look is
|
||||
hand-written CSS).
|
||||
- Path alias: `@/*` → `src/*`.
|
||||
- Version: `2.2.1` (see `package.json`).
|
||||
- Version: `2.2.2` (see `package.json`).
|
||||
|
||||
### Scripts
|
||||
```bash
|
||||
|
|
@ -167,6 +167,10 @@ 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.
|
||||
- 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
|
||||
still render, so the activity section keeps its substance on phones.
|
||||
|
||||
---
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue