Fix some styling for Custom Pages and scroll buttons and thumbnail scrubber

This commit is contained in:
HighImKevin committed 2026-09-23 05:43:11 -04:00
1 parent 95fffb089e
commit 82c23b2a8c
4 files changed
+7 -44

No files matched your search

-4
View File
@@ -1718,10 +1718,6 @@ window.KefinTweaksConfig = ${JSON.stringify(config, null, 2)};`;
transform: translateX(-50%);
top: 1em;
}
#reactRoot:has(main.MuiBox-root) .libraryPage:not(.noSecondaryNavPage).customPage {
padding-top: 0 !important;
}
`;
(document.head || document.documentElement).appendChild(style);
}
-12
View File
@@ -2277,10 +2277,6 @@ html.sleekfin-main-ui .emby-scroller-container[data-section-id="liveTv-channels"
width: 37.5%;
}
.emby-scroller-container:has([data-direction="right"]:disabled):has([data-direction="left"]:disabled) button.show-all-button {
display: none;
}
.emby-scroller-container .emby-scrollbuttons:has([data-direction="right"]:disabled):has([data-direction="left"]:disabled) {
display: none;
}
@@ -2317,14 +2313,6 @@ html.sleekfin-main-ui .emby-scroller-container[data-section-id="liveTv-channels"
cursor: default;
}
.emby-scroller-container:has(.itemsContainer[data-layout="grid"]) button.show-all-button::after {
content: "Collapse";
}
.layout-mobile .emby-scroller-container:has(.itemsContainer[data-layout="grid"]) button.show-all-button::after {
content: "keyboard_arrow_up";
}
.layout-mobile .spotlight-section .spotlight-section-title.sectionTabs:has(.emby-tab-button:not(.hide)) {
justify-self: center;
display: flex !important;
-28
View File
@@ -210,34 +210,6 @@
pointer-events: none;
transition: background 0.3s ease-in-out !important;
}
/* Same-duration top+left (+ transform/margin) so the play button moves diagonally,
not axis-by-axis (top/margin → bottom/left produces an L-shaped path). */
.cardOverlayButton[data-action="resume"].cardOverlayFab-primary,
.cardOverlayButton[data-action="resume"] {
transition:
top 0.28s ease,
left 0.28s ease,
right 0.28s ease,
bottom 0.28s ease,
margin 0.28s ease,
transform 0.28s ease,
opacity 0.28s ease;
}
.cardScalable:has(.kefin-hover-preview-sibling) .cardOverlayButton[data-action="resume"],
.cardScalable:has(.kefin-hover-preview-frame[style]:not([style=""])) .cardOverlayButton[data-action="resume"] {
top: calc(100% - 1.3em) !important;
left: 1.3em !important;
right: auto !important;
bottom: auto !important;
margin: 0 !important;
transform: translateY(-100%);
opacity: 1;
visibility: visible;
pointer-events: auto;
display: inline-flex;
}
`;
document.head.appendChild(style);
}
+7
View File
@@ -2460,6 +2460,13 @@ window.KefinTweaksConfig = ${JSON.stringify(configToSave, null, 2)};`;
top: 1em;
}
#reactRoot:has(.customPage.mainAnimatedPage:not(.hide)) .backdropImage {
background: none !important;
}
header.MuiPaper-root + main.MuiBox-root .customPage {
margin-top: 3rem;
}
`;
(document.head || document.documentElement).appendChild(style);
}