HPR/hpr_generator
8
1
Fork 5
Code Issues 33 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Fix layout of episode nav links on small displays

Browse Source 
Reduce horizontal padding on small displays to prevent
navigation from overflowing width of screen.
This commit is contained in:
Roan Horning
2025-11-09 08:57:33 -05:00
parent 30cca2bac0
commit 7a59a769ed
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public_html/css/hpr.css
View File

@@ -54,6 +54,7 @@ https://creativecommons.org/publicdomain/
--font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem);
--font-size-emphasis: clamp(1.1rem, 15px + 0.3vw, 1.25rem);
--episode-nav-padding: clamp(0.15em, 15px + 0.3vw, 0.4em);
--show-notes-pre-background: #f9e9c2;
--logo-font-family: var(--font-family-hpr);
--logo-font-weight: bolder;
@@ -782,7 +783,7 @@ nav.episodes span:nth-child(n+3) a {
}
nav.episodes span.no-link,
nav.episodes span a {
padding: 0.3em 0.4em 0.1em 0.4em;
padding: 0.3em var(--episode-nav-padding) 0.1em var(--episode-nav-padding);
display: inline-block;
min-width: 4.4em;
min-height: 1.5em;