hide sidebar clock and contact email on phones
This commit is contained in:
parent
b733f8f87f
commit
67c016623c
2 changed files with 8 additions and 0 deletions
|
|
@ -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
|
- The desktop switch (`.web-ctl-desktop`) is hidden on phones: under the
|
||||||
`max-width: 960px` breakpoint and under `(hover: none) and (pointer: coarse)`.
|
`max-width: 960px` breakpoint and under `(hover: none) and (pointer: coarse)`.
|
||||||
There is no device sniff anymore — phones just get the responsive web shell.
|
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
|
- Under `max-width: 640px` the year-grid heatmap (`.heatmap-container`) and its
|
||||||
legend/hover row (`.heatmap-status-row`) are `display: none` — the grid is
|
legend/hover row (`.heatmap-status-row`) are `display: none` — the grid is
|
||||||
unreadable at phone widths. The contribution total and the commit history
|
unreadable at phone widths. The contribution total and the commit history
|
||||||
|
|
|
||||||
|
|
@ -1136,6 +1136,11 @@ html[data-theme="web"][data-scheme="dark"] .heatmap-legend-cell[data-level="4"]
|
||||||
.heatmap-status-row {
|
.heatmap-status-row {
|
||||||
display: none;
|
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) {
|
@media (max-width: 400px) {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue