4 Commits

View File

@@ -55,7 +55,7 @@
--backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint)); --backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint));
--cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), 25%, var(--lighterGradientPoint)); --cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), 25%, var(--lighterGradientPoint));
--headerColorGradient: linear-gradient(180deg, rgba(30, 40, 54, .95) 30%, 55%, transparent 90%); --headerColorGradient: linear-gradient(180deg, rgba(30, 40, 54, .95) 30%, 55%, transparent 90%);
--headerColorGradientAlt: linear-gradient(180deg, rgba(30, 40, 54, .95), 70%, transparent); --headerColorGradientAlt: linear-gradient(180deg, rgba(30, 40, 54, 1), 70%, transparent);
--headerBlurMask: linear-gradient(180deg, white 50%, 85%, transparent); --headerBlurMask: linear-gradient(180deg, white 50%, 85%, transparent);
--cardFooterGradient: linear-gradient(0deg, rgb(0 0 0 / 90%), 40%, transparent); --cardFooterGradient: linear-gradient(0deg, rgb(0 0 0 / 90%), 40%, transparent);
@@ -123,7 +123,7 @@
/* use 5em to enable the fading app bar (seamless); /* use 5em to enable the fading app bar (seamless);
use 4.6em to get the solid app bar (cleaner with border) */ use 4.6em to get the solid app bar (cleaner with border) */
--appBarHeight: 4.6em; --appBarHeight: 5em;
} }
html { html {
@@ -137,6 +137,9 @@ html {
.layout-mobile { .layout-mobile {
--itemColumnGap: 0; --itemColumnGap: 0;
--sidePadding: 5%; --sidePadding: 5%;
--headerColorGradient: var(--headerColorGradientAlt);
--blurLargest: blur(12px);
--headerBlurMask: linear-gradient(180deg, white 60%, 90%, transparent);
} }
/* Material Icons Round */ /* Material Icons Round */
@@ -201,6 +204,10 @@ html {
color: var(--borderColor); color: var(--borderColor);
} }
.cardPadder .cardImageIcon {
color: var(--selectorBackgroundColorAlpha);
}
.card:focus .cardBox.visualCardBox, .card:focus .cardBox.visualCardBox,
.card:focus .cardBox:not(.visualCardBox) .cardScalable { .card:focus .cardBox:not(.visualCardBox) .cardScalable {
border-color: white !important; border-color: white !important;
@@ -1261,6 +1268,7 @@ html {
/* this shows the poster in the cast, book and music pages */ /* this shows the poster in the cast, book and music pages */
.detailImageContainer .card:has(.book, .person, .album), .detailImageContainer .card:has(.book, .person, .album),
.detailImageContainer .card.backdropCard:has(.tv), .detailImageContainer .card.backdropCard:has(.tv),
.detailImageContainer .card.backdropCard:has(.movie),
.detailImageContainer .card.backdropCard:has(.live_tv) { .detailImageContainer .card.backdropCard:has(.live_tv) {
display: block; display: block;
} }
@@ -1690,6 +1698,9 @@ progress+span {
justify-content: space-between; justify-content: space-between;
padding: .5em .9em; padding: .5em .9em;
align-items: baseline; align-items: baseline;
}
.detailsGroupItem:not(:last-child) {
border-bottom: var(--defaultBorder); border-bottom: var(--defaultBorder);
} }
@@ -3524,10 +3535,18 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
height: var(--appBarHeight); height: var(--appBarHeight);
} }
.osdHeader .headerTop {
max-height: var(--appBarHeight);
}
.layout-desktop .headerTop { .layout-desktop .headerTop {
padding: 0 1em; padding: 0 1em;
} }
.layout-tv .headerTop {
padding: 0 .5em;
}
/* this prevents the section tabs from hiding all the way up */ /* this prevents the section tabs from hiding all the way up */
.headroom--unpinned { .headroom--unpinned {
-webkit-transform: translateY(calc(-1 * var(--appBarHeight) - var(--borderWidth))); -webkit-transform: translateY(calc(-1 * var(--appBarHeight) - var(--borderWidth)));