search

jellyfin / jellyfin-media-player

Jellyfin Desktop Client
GNU General Public License v2.0
3.11k stars 312 forks source link

Homepage Display A Large Blank area with ‘Carousel Disabled’ Custom CSS #625

Closed ChowDPa02k closed 3 months ago

ChowDPa02k commented 4 months ago

Screenshots image

It looks like JMP ignore system scale and keeps 100% default.

Behaviour in Web Browser (Chrome below):

image

Desktop (please complete the following information):

Additional context Screen Resolution: 1920x1080 System Scale: 125% Custom CSS: Disable Image Carousel for Librarie

ChowDPa02k commented 3 months ago

Not working for me either... Annoying image

It might be some calculation related problem of jellyfin-web, I found an workaround by adding css cods as follows:

@media (min-width: 100em) {
    .overflowBackdropCard, .overflowSmallBackdropCard {
        width: 18.5vw;
    }
}

Original was about 18.71vw

It seems that at large desktop, the width of library card was slightly larger than it's parent DOM, making it wrap earlier.

gummykage commented 3 weeks ago

Thank you! It is working!