What happens
Opening a movie / series / season detail page from the Home screen makes the whole .skinHeader disappear: back arrow, search and user avatar included. There is no way to go back other than the browser's own button (and in the Jellyfin app there is none).
Opening the same detail page from a direct link, or reloading while on it, shows the header normally — that is the quickest way to tell the two cases apart.
Cause
netfin.css (~line 2909, "LOGIN PAGE" section) hides the header with:
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.semiTransparent.noHomeButtonHeader {
display: none;
}
The selector matches a class combination, not the login page itself. noHomeButtonHeader is added by the Home view (onResume) and jellyfin-web does not remove it when navigating to #/details; the detail page then adds semiTransparent (setTransparentMenu). The header therefore ends up with exactly the combination above and is hidden.
Verified on Jellyfin 10.11.11 with a headless Chromium:
- detail page reached from Home → classes
skinHeader focuscontainer-x skinHeader-withBackground skinHeader-blurred noHomeButtonHeader semiTransparent, computed display: none
- same page opened directly → no
noHomeButtonHeader, computed display: flex, back button visible
Suggested fix
Scope the rule to the login page instead of relying on the class combination, e.g.
html:has(#loginPage:not(.hide)) .skinHeader { display: none; }
As a local workaround I currently override it in the server's custom CSS:
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.semiTransparent.noHomeButtonHeader {
display: flex !important;
}
html:has(#loginPage:not(.hide)) .skinHeader { display: none !important; }
Environment
- Jellyfin 10.11.11 (Docker)
- NetFin loaded via
@import url("https://cdn.jsdelivr.net/gh/ya0903/NetFin@main/netfin.css")
- Reproduced in Chrome/Brave on desktop and in the Jellyfin Android app
What happens
Opening a movie / series / season detail page from the Home screen makes the whole
.skinHeaderdisappear: back arrow, search and user avatar included. There is no way to go back other than the browser's own button (and in the Jellyfin app there is none).Opening the same detail page from a direct link, or reloading while on it, shows the header normally — that is the quickest way to tell the two cases apart.
Cause
netfin.css(~line 2909, "LOGIN PAGE" section) hides the header with:The selector matches a class combination, not the login page itself.
noHomeButtonHeaderis added by the Home view (onResume) and jellyfin-web does not remove it when navigating to#/details; the detail page then addssemiTransparent(setTransparentMenu). The header therefore ends up with exactly the combination above and is hidden.Verified on Jellyfin 10.11.11 with a headless Chromium:
skinHeader focuscontainer-x skinHeader-withBackground skinHeader-blurred noHomeButtonHeader semiTransparent, computeddisplay: nonenoHomeButtonHeader, computeddisplay: flex, back button visibleSuggested fix
Scope the rule to the login page instead of relying on the class combination, e.g.
As a local workaround I currently override it in the server's custom CSS:
Environment
@import url("https://cdn.jsdelivr.net/gh/ya0903/NetFin@main/netfin.css")