Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(jellyfin): scope logo bocken.org link to home header only

Browse Source 
The previous wrap-in-anchor approach leaked the bocken.org link onto
unrelated page titles because Jellyfin reuses the same <h3> across
navigations and only swaps its class between .pageTitleWithDefaultLogo
and .pageTitle. Switch to click delegation so the redirect fires only
when the clicked element currently carries the logo class. Also unwrap
any legacy anchor wrappers on first mutation, and bump cursor/filter
hover styles to !important so they survive Jellyfin's own h3 rules.
This commit is contained in:
Alexander Bocken
2026-05-02 13:10:24 +02:00
parent 2e8685d02b
commit ccca1a7959
2 changed files with 46 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/other/jellyfin.css
+5 -6
View File
@@ -233,15 +233,14 @@ progress[value]::-moz-progress-bar {
background-image: url(https://bocken.org/static/css/logos/logo_full_light.png);
}
/* Bocken logo link */
.bocken-logo-link {
display: flex;
text-decoration: none;
/* Bocken logo (clickable via JS click delegation) */
.skinHeader:not(.osdHeader) .pageTitleWithDefaultLogo {
cursor: pointer !important;
transition: filter 150ms;
}
.bocken-logo-link:hover .pageTitleWithDefaultLogo {
.skinHeader:not(.osdHeader) .pageTitleWithDefaultLogo:hover {
/* Tint white logo to Nord lightblue (#81A1C1) */
filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(212%) hue-rotate(169deg) brightness(92%) contrast(94%);
filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(212%) hue-rotate(169deg) brightness(92%) contrast(94%) !important;
}
/* Toast notification */