lucasw89/KefinTweaks
1
0
Fork 0
mirror of https://github.com/ranaldsgift/KefinTweaks.git synced 2026-11-05 15:52:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix Thumbnail Scrubber hover preview hiding the card overlay Play button

Browse Source
This commit is contained in:
HighImKevin
2026-09-22 17:31:39 -04:00
parent 13d351333f
commit 484cfa8b8c
1 changed files with 29 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/thumbnailScrubber.js
+29 -9
View File
@@ -211,17 +211,32 @@
transition: background 0.3s ease-in-out !important;
}
.cardScalable:has(.kefin-hover-preview-sibling) .cardOverlayButton[data-action="resume"],
.cardScalable:has(.kefin-hover-preview-frame[style]:not([style=""])) .cardOverlayButton[data-action="resume"] {
display: none !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"] {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
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);
@@ -1340,9 +1355,14 @@
if (!currentCardState) return;
const state = currentCardState;
// Do not activate scrubber when hovering overlay action button (play, etc.)
if (e.target && e.target.closest && e.target.closest('.cardOverlayButton-br')) {
// Do not activate scrubber when hovering overlay action buttons (play/resume, watched, watchlist, etc.)
if (e.target && e.target.closest && e.target.closest('.cardOverlayButton, .cardOverlayButton-br')) {
clearActivationTimer();
const overlay = state.overlay;
if (overlay && !overlay._popoverOpen) {
overlay.classList.remove('is-zone-active');
if (overlay._progressFill) overlay._progressFill.style.width = '0%';
}
return;
}