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

20
public_html/css/hpr.css
View File

@@ -732,6 +732,11 @@ fieldset > table td input[type="radio"] {
}
nav.episodes {
color: var(--background-primary);
font-size: 0.9em;
display: flex;
flex-direction: row;
justify-content: space-around;
max-width: 100vw;
}
nav.episodes span {
color: var(--text-primary);
@@ -747,15 +752,17 @@ nav.episodes span:nth-child(n+3) {
border-top-right-radius: 2rem;
border-bottom-right-radius: 2rem;
}
nav.episodes span.no-link,
nav.episodes span.no-link,
nav.episodes span a {
padding: 0.5rem;
padding: 0.17em;
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;
heigth: 0.85rem;
height: 0.85em;
max-width: 13px;
vertical-align: middle;
}
@media (min-width: 600px) {
@@ -854,6 +861,9 @@ nav.episodes object {
#host {
gap: 1rem;
}
nav.episodes {
display: inline-block;
}
}
@media (min-width: 900px) {
#podcast_lane > .lane,