Jellyfin Media Bar

[Jamie Chapman]

Yes, I use the plugin "SkinManager2.0.2.0" in this plugin I use the theme "Ultrachromic"

After you said that the problem may be in the theme that I use. I decided to check it out. It turned out that in the "Ultrachromic" theme, the "Transparent Top Bar" option breaks the plug-in.

I tried to enable another theme from the plugin. As a result, the media bar appeared at the bottom of the screen and covered the library menu. Just for information.

After disabling the "Transparent Top Bar", the Ultrachromic theme stopped looking bad.

After experimenting with transparency, I found a way out of this situation.

I disabled the "Transparent Top Bar" and added the following code to the Custom CSS code:

Code:

.skinHeader-withBackground {
    background-color: transparent;
}

.force-scroll {
    overflow-y: auto;
    overflow-x: auto;
}

Now the top menu on the main page is transparent and does not interfere with the media bar. In this case, the color of the top menu does not change only in the settings menu. But it doesn't really interfere with the appearance.

I deleted it from the original theme code.

Code:

[color=#e8e6e3]/*Pages the have single unit height taskbar*/
@media all and (min-width: 100em){
  #indexPage,
  #moviesPage,
  #tvRecommendedPage,
  #musicRecommendedPage {
    margin-top: 68px;
    padding-top: 0px !important;
    overflow-y: scroll;
  }
}
/*Pages the have two unit height taskbar*/
@media all and (max-width: 100em){
  #indexPage,
  #moviesPage,
  #tvRecommendedPage,
  #musicRecommendedPage {
    margin-top: 130px;
    padding-top: 0.5em !important;
    overflow-y: scroll;
  }
}[/color]

I had the same issue as what you see here. Thanks for these notes, now I can go tune it without having to dig!