Skip to content

Header (and its back button) is hidden on detail pages when reached from Home #7

Description

@kilian85

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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions