loof2736 / scyfin

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

Jellyscrub flickering/weird placement as well as episode title placement not looking right #11

Closed miandru closed 3 months ago

miandru commented 7 months ago

Thank you kindly for this theme, I really love it's look!

I have a couple issues, although minor. When disabling the static sidebar there is an overlapping issue with the episode title and the menu buttons image I imagine the fix would be to either make the bar as long as it has to be for the given title, or maybe have the title appear outside of the bar? Or give the title of the episode it's own little box to live in next to it? Obviously resizing the bar to be consistent with the three icons.

I also noticed the added support for Jellyscrub has some issues, especially on ultrawide displays(I notice this on normal 16:9 monitor as well) The issue I was having was overlapping with the sliderbubble and flickering whilst seeking on the progressbar. I modified it to this which resulted in consistent placement regardless of resolution and aspect ratio, and no longer any flickering.

.sliderBubble {
    border-radius: 12px !important;
    background-color: rgba(0,0,0,0.5) !important;
}
/* Support for Jellyscrub plugin */
.chapterThumbContainer {
    border-radius: 12px !important;
}
.chapterThumbTextContainer {
   background: rgba(0, 0, 0, 0.5); !important;
}

image

If you have any questions, feel free to ask me :)

loof2736 commented 3 months ago

The top left overlap issue is fixed in v1.0.18. I don't see any issues with the new chapter previews introduced in 10.9.