search

loof2736 / scyfin

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

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

Closed db-alakaboom closed 7 months ago

db-alakaboom commented 7 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 7 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