Finimalism [Updated for 10.11.X]

[Blurryface]

Got a New issue since the 10.11.3 update the episodes no matter the size as large as possible or normal size. They do not automatically go to a new row like before. Where if the screen was too small it would have 1-2 sometimes 3-4 depending on the window. Now, no matter what I do sticks to 4 per row and is improperly formatted. Let me know if you need any more info

[Ted Hinklater]

Got a New issue since the 10.11.3 update the episodes no matter the size as large as possible or normal size. They do not automatically go to a new row like before. Where if the screen was too small it would have 1-2 sometimes 3-4 depending on the window. Now it no matter what I do sticks to 4 per row and is improperly formatted. Let me know if you need any more info

Hey thanks for letting me know, it's fixed now, update should come through shortly

[4r5hw45twh]

Hey thanks for letting me know, it's fixed now, update should come through shortly

Hey, is there a way to not make more than 1 row, especially this big, for Recently Added media? The tiles are simply too huge and it would be nice to have the arrow icon scroll left/right when clicked on. Been an issue for a while...
Are these updates tested before release because this is a major obvious one?

[Ted Hinklater]

Whats your screen resolution? Tv or desktop?

Also could you try pasting the entire CSS from this page instead of the jsdelivr import link, to check if it's been fixed

Rows should be 7 columns so that's a sign it's gone wrong somewhere

testing-wise I check every page once each for tv at 1080p, 1440p and 4k. half/full-screen desktop window at 1080p 1440p & 4k, mobile horizontal & porrait (Android, iOS & Kindle), tablet horizontal & portrait (Android, iOS and Kindle):

homepage elements, movie page, season, show, shows with squareCards (old ones), music videos, music, home videos, live tv, the guide, actor bio's, shows with specials, movies with chapters, the login page, dialog windows and the player.

I will miss some things and am grateful for people letting me know, I fix it as quick as I can as best I can.

[4r5hw45twh]

Whats your screen resolution? Tv or desktop?

Also could you try pasting the entire CSS from this page instead of the jsdelivr import link, to check if it's been fixed

Same issue with the direct CSS. This is on Desktop on both of my monitors (one is 2560x1440p and other is 1920x1080). Never had an issue before and nothing on my end has changed at all besides more media added as well as your updates to the theme as they come. On my FireStick (what I mainly watch on anyway) it shows properly how I described in my first reply.

[Ted Hinklater]

I can't reproduce your 6 columns problem but if you want scrollable rows:

@import url("https://cdn.jsdelivr.net/gh/tedhinklater/finimalism@latest/finimalism10.11.css");
.layout-desktop #indexPage .itemsContainer,
.layout-tv #indexPage .itemsContainer,
.layout-desktop #childrenContent .itemsContainer.padded-right.vertical-wrap,
.layout-tv #childrenContent .itemsContainer.padded-right.vertical-wrap,
.layout-desktop #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-tv #itemDetailPage .verticalSection.detailVerticalSection.moreFromSeasonSection.emby-scroller-container .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-desktop #castCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-tv #castCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-desktop #guestCastCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-tv #guestCastCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-desktop #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX,
.layout-tv #similarCollapsible .scrollSlider.focuscontainer-x.itemsContainer.similarContent.animatedScrollX,
.layout-desktop #specialsCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX,
.layout-tv #specialsCollapsible .scrollSlider.focuscontainer-x.itemsContainer.animatedScrollX {display: flex !important; flex-wrap: nowrap !important; gap: unset;}
#indexPage button[data-direction="left"], #indexPage button[data-direction="right"] {opacity: 0.5; padding-right: 1em;}
#itemDetailPage button[data-direction="left"], #itemDetailPage button[data-direction="right"] { opacity: 0.5; }