Remove more :has selectors

This commit is contained in:
HighImKevin
2026-09-27 18:18:11 -04:00
parent e74bcbdbca
commit 9815678823
2 changed files with 8 additions and 13 deletions
+4 -4
View File
@@ -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,
+4 -9
View File
@@ -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;
}
*/