prayag17 / JellySkin

Vibrante/minimal Jellyfin CSS using custom Icons and more!!, created for Jellyfin web :film_strip:, can be used by just one line.
http://prayag17.github.io/JellySkin
GNU General Public License v3.0
750 stars 85 forks source link

Bug : Button spacing on widescreen #151

Open Washteck opened 1 month ago

Washteck commented 1 month ago

summary and black box missplaced on wide screen it is getting back to normal when resizing windows to a more appropriate aspect ratio

To Reproduce stretch the window, easier to do with a 21:9 screen

image image image

Is there a way to fix the summary box so it adjust itself automaticaly with the ratio of the window? Thanks in advance :)

prayag17 commented 1 month ago

what version of chrome are you using?

Washteck commented 1 month ago

I think it's the latest version in date n°125.0.6422.142 !

GAMADA06 commented 1 month ago

Capture

itz4blitz commented 1 month ago
.noBackdropTransparency .detailPageSecondaryContainer {
    background-color: transparent !important; 
}
#itemDetailPage .infoWrapper .itemMiscInfo {
    margin-bottom: -50px !important; 
}

I added this to my custom CSS which fixed both the placement of the movie year / rating / review so it appears below the title when viewing a movie/show. It also fixed the black box that was appearing above the movie text. Hope it helps.

Washteck commented 1 month ago

Thanks a lot my friend !

mihawk90 commented 1 month ago

I added this to my custom CSS

This helps when not using Logos, but doesn't fix the issue in comment 3 (also mentioned in #148 ).

I think the Logo is just generally too far down. This is from the logo.css:

body #itemDetailPage .detailLogo {
    background-position: 0 100% !important;
    height: 30vh;
    left: 18.8vw;
    top: 17.5vh;
}

Removing the top property works perfectly fine and also looks better IMO.

Current: image

top removed: image

top removed + Custom CSS above: image

prayag17 commented 1 month ago

@GAMADA06 can you try changing your language to english?

GAMADA06 commented 1 month ago

Yes @prayag17, but is it really the problem ?

prayag17 commented 1 month ago

That is causing the play button to not appear correctly