dev: Decoupled Media Bar plugin support as a separate import

This commit is contained in:
lscambo13
2025-07-29 10:58:42 -07:00
parent 096be33a1d
commit 46b8eb7735
3 changed files with 81 additions and 46 deletions

View File

@@ -2070,52 +2070,6 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
background: transparent;
}
/* this styles the media bar plugin - start */
.button-container {
align-items: center;
}
.favorite-button {
background: none;
color: var(--textColor);
}
.detail-button:hover,
.favorite-button:hover {
background: var(--dimTextColor);
color: black;
}
.play-button::before,
.detail-button::before,
.favorite-button::before,
.favorite-button.favorited::before {
font-weight: 400;
}
.play-button {
font-family: 'Inter';
font-size: 1em;
font-weight: 500;
}
.backdrop,
.backdrop-container,
.backdrop-overlay {
mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), 70%, rgba(0, 0, 0, 0));
-webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), 70%, rgba(0, 0, 0, 0));
background-color: transparent;
}
.backdrop-container {
top: 3.5em;
}
.backdrop {
transform-origin: center left;
}
/* this styles the media bar plugin - end */
.layout-desktop .detailButton:not(.btnPlay):hover {
color: black;
background: var(--dimTextColor);