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

Tweak display of episode navigation on small displays

Browse Source
This commit is contained in:
Roan Horning
2025-10-25 19:48:41 -04:00
parent c4d94bb019
commit c53c6d50aa
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public_html/css/hpr.css
View File

@@ -732,6 +732,11 @@ fieldset > table td input[type="radio"] {
} }
nav.episodes { nav.episodes {
color: var(--background-primary); color: var(--background-primary);
font-size: 0.9em;
display: flex;
flex-direction: row;
justify-content: space-around;
max-width: 100vw;
} }
nav.episodes span { nav.episodes span {
color: var(--text-primary); color: var(--text-primary);
@@ -749,13 +754,15 @@ nav.episodes span:nth-child(n+3) {
} }
nav.episodes span.no-link, nav.episodes span.no-link,
nav.episodes span a { nav.episodes span a {
padding: 0.5rem; padding: 0.17em;
display: inline-block; display: inline-block;
min-width: 5.5rem; min-width: 4.4em;
min-height: 1.5em;
} }
nav.episodes object { nav.episodes img {
margin: 0 0.2rem; margin: 0 0.2rem;
heigth: 0.85rem; height: 0.85em;
max-width: 13px;
vertical-align: middle; vertical-align: middle;
} }
@media (min-width: 600px) { @media (min-width: 600px) {
@@ -854,6 +861,9 @@ nav.episodes object {
#host { #host {
gap: 1rem; gap: 1rem;
} }
nav.episodes {
display: inline-block;
}
} }
@media (min-width: 900px) { @media (min-width: 900px) {
#podcast_lane > .lane, #podcast_lane > .lane,