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

Match arrow icon stroke and fill colors to a tag color

Browse Source
This commit is contained in:
Roan Horning
2025-10-30 22:18:03 -04:00
parent a8dc69d7ad
commit 2a119bd920
1 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public_html/css/hpr.css
View File

@@ -636,7 +636,7 @@ fieldset > table td input[type="radio"] {
margin-bottom: 0.5rem;
}
.no-css {
display: none;
display: none !important;
}
#tags .date {
margin:0;
@@ -743,7 +743,7 @@ nav.episodes span {
color: var(--text-primary);
display: inline-block;
text-align: center;
border: inset thin var(--text-primary);
border: solid thin var(--text-primary);
}
nav.episodes span:nth-child(-n+2),
nav.episodes span:nth-child(-n+2) a {
@@ -764,17 +764,24 @@ nav.episodes span a {
}
nav.episodes span a:hover {
background-color: var(--link-primary-hover);
color: var(--link-navigation-hover);
color: var(--link-secondary-hover);
}
nav.episodes span a img {
filter: none;
}
nav.episodes img {
nav.episodes svg {
margin: 0 0.2rem;
height: 0.85em;
max-width: 13px;
vertical-align: middle;
}
nav.episodes span a svg #arrow,
nav.episodes span a svg #bar {
stroke: var(--link-primary);
fill: var(--link-primary);
}
nav.episodes span a:hover svg #arrow,
nav.episodes span a:hover svg #bar {
stroke: var(--link-secondary-hover);
fill: var(--link-secondary-hover);
}
@media (min-width: 600px) {
body > header .bounding-box {
justify-content: space-between;
@@ -924,8 +931,18 @@ nav.episodes img {
#hosts td:nth-child(-n+2) {
color: var(--text-primary);
}
nav.episodes span a:hover {
nav.episodes span a:hover {
background-color: var(--link-primary-hover);
color: var(--link-navigation-hover);
}
nav.episodes span svg #arrow,
nav.episodes span svg #bar {
stroke: var(--text-primary);
fill: var(--text-primary);
}
nav.episodes span a:hover svg #arrow,
nav.episodes span a:hover svg #bar {
stroke: var(--link-navigation-hover);
fill: var(--link-navigation-hover);
}
}