mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Fix placeholders on purplehaze

Browse source 
Co-authored-by: Dmitry Lyzo <56478732+dmitrylyzo@users.noreply.github.com>
This commit is contained in:
MrTimscampi 2020-06-21 17:04:08 +02:00
parent f3fbc545a1
commit 8ecaf85dba
8 changed files with 20 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/cardbuilder/card.css
View file

@ -209,6 +209,10 @@ button::-moz-focus-inner {
} }
.cardContent:not(.defaultCardBackground) { .cardContent:not(.defaultCardBackground) {
background-color: transparent;
}
.cardBox:not(.visualCardBox) .cardPadder {
background-color: #242424; background-color: #242424;
} }
@ -217,7 +221,8 @@ button::-moz-focus-inner {
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
.cardContent-shadow { .cardContent-shadow,
.cardBox:not(.visualCardBox) .cardPadder {
box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37); box-shadow: 0 0.0725em 0.29em 0 rgba(0, 0, 0, 0.37);
} }

5
src/components/cardbuilder/cardBuilder.js
View file

@ -1367,9 +1367,6 @@ import 'programStyles';
let cardScalableClose = ''; let cardScalableClose = '';
let cardContentClass = 'cardContent'; let cardContentClass = 'cardContent';
if (!options.cardLayout) {
cardContentClass += ' cardContent-shadow';
}
let blurhashAttrib = ''; let blurhashAttrib = '';
if (blurhash && blurhash.length > 0) { if (blurhash && blurhash.length > 0) {
@ -1390,7 +1387,7 @@ import 'programStyles';
let cardScalableClass = 'cardScalable'; let cardScalableClass = 'cardScalable';
cardImageContainerOpen = '<div class="' + cardBoxClass + '"><div class="' + cardScalableClass + '"><div class="cardPadder-' + shape + '"></div>' + cardImageContainerOpen; cardImageContainerOpen = '<div class="' + cardBoxClass + '"><div class="' + cardScalableClass + '"><div class="cardPadder cardPadder-' + shape + '"></div>' + cardImageContainerOpen;
cardBoxClose = '</div>'; cardBoxClose = '</div>';
cardScalableClose = '</div>'; cardScalableClose = '</div>';

17
src/themes/appletv/theme.css
View file

@ -123,7 +123,7 @@ html {
.paperList, .paperList,
.visualCardBox, .visualCardBox,
.cardContent:not(.defaultCardBackground) { .cardBox:not(.visualCardBox) .cardPadder {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
@ -464,18 +464,3 @@ html {
.metadataSidebarIcon { .metadataSidebarIcon {
color: #00a4dc; color: #00a4dc;
} }
.cardPadder-square,
.cardPadder-mixedSquare,
.cardPadder-overflowSquare,
.cardPadder-portrait,
.cardPadder-mixedPortrait,
.cardPadder-overflowPortrait,
.cardPadder-banner,
.cardPadder-backdrop,
.cardPadder-mixedBackdrop,
.cardPadder-smallBackdrop,
.cardPadder-overflowBackdrop,
.cardPadder-overflowSmallBackdrop {
background-color: #d2d2d2;
}

17
src/themes/blueradiance/theme.css
View file

@ -450,7 +450,7 @@ html {
color: #4285f4; color: #4285f4;
} }
.cardContent:not(.defaultCardBackground) { .cardBox:not(.visualCardBox) .cardPadder {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
} }
@ -487,18 +487,3 @@ html {
.metadataSidebarIcon { .metadataSidebarIcon {
color: #00a4dc; color: #00a4dc;
} }
.cardPadder-square,
.cardPadder-mixedSquare,
.cardPadder-overflowSquare,
.cardPadder-portrait,
.cardPadder-mixedPortrait,
.cardPadder-overflowPortrait,
.cardPadder-banner,
.cardPadder-backdrop,
.cardPadder-mixedBackdrop,
.cardPadder-smallBackdrop,
.cardPadder-overflowBackdrop,
.cardPadder-overflowSmallBackdrop {
background-color: #022950;
}

15
src/themes/dark/theme.css
View file

@ -453,18 +453,3 @@ html {
.metadataSidebarIcon { .metadataSidebarIcon {
color: #00a4dc; color: #00a4dc;
} }
.cardPadder-square,
.cardPadder-mixedSquare,
.cardPadder-overflowSquare,
.cardPadder-portrait,
.cardPadder-mixedPortrait,
.cardPadder-overflowPortrait,
.cardPadder-banner,
.cardPadder-backdrop,
.cardPadder-mixedBackdrop,
.cardPadder-smallBackdrop,
.cardPadder-overflowBackdrop,
.cardPadder-overflowSmallBackdrop {
background-color: #202020;
}

17
src/themes/light/theme.css
View file

@ -432,7 +432,7 @@ html {
color: #4285f4; color: #4285f4;
} }
.cardContent:not(.defaultCardBackground) { .cardBox:not(.visualCardBox) .cardPadder {
background-color: #fff; background-color: #fff;
} }
@ -444,18 +444,3 @@ html {
.metadataSidebarIcon { .metadataSidebarIcon {
color: #00a4dc; color: #00a4dc;
} }
.cardPadder-square,
.cardPadder-mixedSquare,
.cardPadder-overflowSquare,
.cardPadder-portrait,
.cardPadder-mixedPortrait,
.cardPadder-overflowPortrait,
.cardPadder-banner,
.cardPadder-backdrop,
.cardPadder-mixedBackdrop,
.cardPadder-smallBackdrop,
.cardPadder-overflowBackdrop,
.cardPadder-overflowSmallBackdrop {
background-color: #fff;
}

26
src/themes/purplehaze/theme.css
View file

@ -548,12 +548,13 @@ a[data-role=button] {
} }
.personCard .cardScalable { .personCard .cardScalable {
border-radius: 50%; border-radius: 50% !important;
border: 1px solid rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255);
} }
.cardContent:not(.defaultCardBackground) { .cardBox:not(.visualCardBox) .cardPadder {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border-radius: 1em;
} }
.card:focus .cardBox.visualCardBox, .card:focus .cardBox.visualCardBox,
@ -561,6 +562,11 @@ a[data-role=button] {
border-color: #ff77f1 !important; border-color: #ff77f1 !important;
} }
.card.show-focus:not(.show-animation) .cardBox.visualCardBox,
.card.show-focus:not(.show-animation) .cardBox:not(.visualCardBox) .cardScalable {
border-radius: 1.5em;
}
.layout-desktop, .layout-desktop,
.scrollY { .scrollY {
scrollbar-width: thin; scrollbar-width: thin;
@ -618,23 +624,9 @@ a[data-role=button] {
right: 20%; right: 20%;
} }
.cardPadder-square,
.cardPadder-mixedSquare,
.cardPadder-overflowSquare,
.cardPadder-portrait,
.cardPadder-mixedPortrait,
.cardPadder-overflowPortrait,
.cardPadder-banner,
.cardPadder-backdrop,
.cardPadder-mixedBackdrop,
.cardPadder-smallBackdrop,
.cardPadder-overflowBackdrop,
.cardPadder-overflowSmallBackdrop {
background-color: #200c3d;
}
.personCard .cardPadder-overflowPortrait, .personCard .cardPadder-overflowPortrait,
.personCard .cardPadder-portrait { .personCard .cardPadder-portrait {
padding-bottom: 100%; padding-bottom: 100%;
contain: strict; contain: strict;
border-radius: 50% !important;
} }

17
src/themes/wmc/theme.css
View file

@ -430,7 +430,7 @@ html {
color: #4285f4; color: #4285f4;
} }
.cardContent:not(.defaultCardBackground) { .cardBox:not(.visualCardBox) .cardPadder {
background-color: #0f3562; background-color: #0f3562;
} }
@ -463,18 +463,3 @@ html {
.metadataSidebarIcon { .metadataSidebarIcon {
color: #00a4dc; color: #00a4dc;
} }
.cardPadder-square,
.cardPadder-mixedSquare,
.cardPadder-overflowSquare,
.cardPadder-portrait,
.cardPadder-mixedPortrait,
.cardPadder-overflowPortrait,
.cardPadder-banner,
.cardPadder-backdrop,
.cardPadder-mixedBackdrop,
.cardPadder-smallBackdrop,
.cardPadder-overflowBackdrop,
.cardPadder-overflowSmallBackdrop {
background-color: #0f3562;
}