Jellyfin Forum
Jellyfin Media Bar - Printable Version

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Development (https://forum.jellyfin.org/f-development)
+--- Forum: Plugin Development (https://forum.jellyfin.org/f-plugin-development)
+--- Thread: Jellyfin Media Bar (/t-jellyfin-media-bar)

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14


RE: Jellyfin Media Bar - Druidblack - 2025-03-16

[Image: dcTzQui.jpg]
Today I saw another problem with this topic, a horizontal scrollbar appears at the top of the screen. To get rid of it, you need to delete it.:


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


As a result, only this code remains: 

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

so that the top panel is transparent.


RE: Jellyfin Media Bar - Druidblack - 2025-03-16

I have another question. There are difficulties with the Jellyfin Media Player application. I use several jellyfin servers, but on the first launch, if the media panel from the first server is loaded into the application cache, then when switching to the second server, the media panel is displayed from the first server. Restarting the app does not help. I assume that clearing the application cache will not help And the media panel that gets into the cache first will be shown again.


RE: Jellyfin Media Bar - M0RPH3US - 2025-03-16

(2025-03-16, 05:47 AM)Druidblack Wrote: I have another question. There are difficulties with the Jellyfin Media Player application. I use several jellyfin servers, but on the first launch, if the media panel from the first server is loaded into the application cache, then when switching to the second server, the media panel is displayed from the first server. Restarting the app does not help. I assume that clearing the application cache will not help And the media panel that gets into the cache first will be shown again.

Support for multiple servers added in the upcoming release already. In testing right now. Release imminent.


RE: Jellyfin Media Bar - M0RPH3US - 2025-03-16

Release 2.0 (Needs both JS and CSS to be replaced)

  1. Fixed Bar overlapping in the Favorites Tab
  2. Presenting On-Demand Fetch, reduced API calls
  3. Fixed Initial Login Failures
  4. Added support for multiple servers
  5. Rewrote Cred fetches. This should result in fewer errors.
  6. Minor QOL Redesign

Web




RE: Jellyfin Media Bar - M0RPH3US - 2025-03-16

Mobile




RE: Jellyfin Media Bar - Jamie Chapman - 2025-03-16

(2025-03-15, 07:06 PM)Druidblack Wrote: 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;
}

[Image: NZNNUes.jpg]


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!


RE: Jellyfin Media Bar - Druidblack - 2025-03-20

You can do something about centering the logo and zooming it. Now you can see that the logo is pulled to the upper-left corner and the scale does not change, but remains in accordance with the resolution of the logo image.

Moreover, you also need to rely on what screen resolution to view it at. I've tried it on three different resolutions, but it looks bad everywhere right now.

It would probably be better if the logo did not go beyond the black background.


[Image: TTB8IRt.gif]


RE: Jellyfin Media Bar - M0RPH3US - 2025-03-25

Sneak Peek




RE: Jellyfin Media Bar - M0RPH3US - 2025-03-27

v3.0.0 Released

Now with favorite toggle functionality. 

Just putting it out here, you no longer need to download the files, since using CDN to deliver, you can remove the edits and plug this in your index.html just before </head>

Code:
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/MakD/Jellyfin-Media-Bar@latest/slideshowpure.css" />
    <script async src="https://cdn.jsdelivr.net/gh/MakD/Jellyfin-Media-Bar@latest/slideshowpure.js"></script>



RE: Jellyfin Media Bar - egn - 2025-03-28

(2025-03-27, 05:54 AM)M0RPH3US Wrote: Now with favorite toggle functionality. 

Great work! Thanx!