search

loof2736 / scyfin

Custom theme for Jellyfin WebUI
GNU General Public License v3.0
260 stars 28 forks source link

Music is covered by drawer and drawer fails to hide #10

Closed db-alakaboom closed 10 months ago

db-alakaboom commented 10 months ago

When playing back music in jellyfin the drawer is covering the left side of the seeking bar. Also hiding the drawer seems to only work in edge but not in Jellyfin Media Player even after restarting the app.
Captucre Capture2s

loof2736 commented 10 months ago

The drawer overlap is fixed in v1.0.13

Jellyfin Media Player is tricky, I've had a bunch of problems with it. It seems like random classes are present across the whole app. For instance, I have the hamburger button set to show on every page except the dashboard. In JMP though, every single page seems to have the dashboard class. So the the button gets hidden everywhere, not just the dashboard

Put this CSS snippet below (has to be below) where you imported the theme, it should fix the issue for JMP:

/* JMP Fix */
.layout-desktop .mainDrawer { left: -320px !important; z-index: 1099 !important; }
.layout-desktop .mainDrawerButton { display: inline-flex !important; }

This will show the hamburger button on the dashboard, though it doesn't do anything other than dim the screen