mirror of
https://github.com/ranaldsgift/KefinTweaks.git
synced 2026-11-05 15:52:47 +01:00
Fix some styling for Custom Pages and scroll buttons and thumbnail scrubber
This commit is contained in:
1 parent
95fffb089e
commit
82c23b2a8c
4 files changed
+7
-44
No files matched your search
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user