Fix for Intro Skip button scaling at end of episode

This commit is contained in:
loof2736 2024-09-07 00:51:32 -04:00
parent 132dedb72f
commit 103aeb7e64

View File

@ -373,12 +373,14 @@ html,
/* Player modifications */ /* Player modifications */
.upNextContainer, .toastVisible { .upNextContainer:not(#skipIntro), .toastVisible {
backdrop-filter: blur(var(--blur)) !important; backdrop-filter: blur(var(--blur)) !important;
} }
.upNextContainer { .upNextContainer:not(#skipIntro) {
border-radius: var(--rounded-cards) !important; border-radius: var(--rounded-cards) !important;
background-color: rgba(0, 0, 0, 0.6) !important; background-color: rgba(0, 0, 0, 0.6) !important;
}
.upNextContainer {
margin: 4% !important; margin: 4% !important;
} }
.toastVisible { .toastVisible {
@ -457,22 +459,16 @@ html,
} }
/* Support for IntroSkipper plugin */ /* Support for IntroSkipper plugin */
#skipIntro { #skipIntro .btnSkipIntro {
transition: 0.2s; transition: 0.2s;
border-radius: var(--rounded-cards) !important; border-radius: var(--rounded-cards) !important;
backdrop-filter: blur(var(--blur)) !important; backdrop-filter: blur(var(--blur)) !important;
border: none !important;
} }
#skipIntro:hover { #skipIntro .btnSkipIntro:hover {
box-shadow: unset !important;
transition: .2s; transition: .2s;
transform: scale(1.05); transform: scale(1.05);
background: var(--primary-accent-color) !important; background: var(--primary-accent-color) !important;
} }
#skipIntro .btnSkipIntro {
background:rgba(0, 0, 0, 0) !important;
padding: 10px 15px !important;
}
#skipIntro .paper-icon-button-light:hover:not(:disabled) { #skipIntro .paper-icon-button-light:hover:not(:disabled) {
color: #FFF !important; color: #FFF !important;
} }
@ -491,6 +487,9 @@ html,
background-color: #FFFFFF90 !important; background-color: #FFFFFF90 !important;
z-index: 10 !important; z-index: 10 !important;
} }
#skipIntro .upNextContainer {
padding: 0px !important;
}
/* Support for InPlayerEpisodePreview plugin */ /* Support for InPlayerEpisodePreview plugin */
.layout-desktop #popupFocusContainer { .layout-desktop #popupFocusContainer {
padding: 10px !important; padding: 10px !important;