diff --git a/scripts/cardBuilder.css b/scripts/cardBuilder.css index d09afc9..214a283 100644 --- a/scripts/cardBuilder.css +++ b/scripts/cardBuilder.css @@ -4056,11 +4056,11 @@ html.sleekfin-main-ui .emby-scroller-container[data-section-id="liveTv-channels" display: none !important; } -.spotlight-section .spotlight-item:has(.spotlight-background-layer-center) .spotlight-background-layer { +.spotlight-section[data-tile-count="3"] .spotlight-background-layer { width: 37.5%; } -.emby-scroller-container .emby-scrollbuttons:has([data-direction="right"]:disabled):has([data-direction="left"]:disabled) { +.emby-scroller-container[data-no-scroll="true"] .emby-scrollbuttons { display: none; } @@ -4072,7 +4072,7 @@ html.sleekfin-main-ui .emby-scroller-container[data-section-id="liveTv-channels" display: none !important; } -.spotlight-section[data-size="full"] .spotlight-truncated-list.itemDetailsGroup:has(> .detailsGroupItem), +/* .spotlight-section[data-size="full"] .spotlight-truncated-list.itemDetailsGroup:has(> .detailsGroupItem), .spotlight-section[data-size="full"] .spotlight-truncated-list.sectionTabs:has(> .emby-tab-button) { font-size: large; display: flex; @@ -4105,7 +4105,7 @@ html.sleekfin-main-ui .emby-scroller-container[data-section-id="liveTv-channels" .emby-scroller-container[data-border-style="profile"] .card .cardTextStack:has(.cardText:nth-child(2):last-child) .cardText-first { margin-top: auto; -} +} */ .layout-mobile .spotlight-section[data-hide-section-name="true"] .spotlight-section-title, .layout-mobile .spotlight-section[data-hide-section-name="true"] .spotlight-section-title.sectionTabs, diff --git a/scripts/homeScreen.css b/scripts/homeScreen.css index 7461f46..a8da4c9 100644 --- a/scripts/homeScreen.css +++ b/scripts/homeScreen.css @@ -540,18 +540,11 @@ html:not([data-active-page="home"]) .snowverlay { } } -main.MuiBox-root .homeSectionsContainer[data-sections-rendered] { - margin-top: 3rem; -} - html[data-active-page="home"] body[data-seasonal-background="true"] .backdropContainer .backdropImage { background: none !important; } -html[data-active-page="home"] - body[data-seasonal-background="true"]:has(.homePage:not(.hide)) - #reactRoot:has(.homePage:not(.hide) #homeTab.is-active) - > .backgroundContainer::after { +html[data-active-page="home"] body[data-seasonal-background="true"] #reactRoot > .backgroundContainer::after { content: ""; position: absolute; top: 0; @@ -563,7 +556,8 @@ html[data-active-page="home"] background-size: cover; } -.homeSectionsContainer:has(> .verticalSection.section0:empty):has(> .verticalSection.section1:empty):has( +/* Figure out a better way to do this without requiring :has() */ +/* .homeSectionsContainer:has(> .verticalSection.section0:empty):has(> .verticalSection.section1:empty):has( > .verticalSection.section2:empty ):has(> .verticalSection.section3:empty):has(> .verticalSection.section4:empty):has(> .verticalSection.section5:empty):has( > .verticalSection.section6:empty @@ -578,3 +572,4 @@ html[data-active-page="home"] opacity: 0; visibility: hidden; } + */