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

Minor improvements for Spotlight styles

Browse Source
This commit is contained in:
HighImKevin committed 2026-10-07 23:52:08 -04:00
1 parent 4167528d76
commit 36d2d7e57b
1 file changed
+8 -6
Download Patch File Download Diff File Expand all files Collapse all files
scripts/cardBuilder.css
+8 -6
View File
@@ -126,8 +126,8 @@
width: 100%; width: 100%;
height: 160%; height: 160%;
transform: translateY(-15%); transform: translateY(-15%);
-webkit-mask-image: linear-gradient( to bottom, transparent 0%, black calc(var(--spotlight-fullscreen-vertical) * 8), black calc(100% - calc(var(--spotlight-fullscreen-vertical) * 8)), transparent 100% ); -webkit-mask-image: linear-gradient( to bottom, transparent 0%, black calc(var(--spotlight-fullscreen-vertical) * 2), black calc(100% - calc(var(--spotlight-fullscreen-vertical) * 2)), transparent 100% );
mask-image: linear-gradient( to bottom, transparent 0%, black calc(var(--spotlight-fullscreen-vertical) * 8), black calc(100% - calc(var(--spotlight-fullscreen-vertical) * 8)), transparent 100% ); mask-image: linear-gradient( to bottom, transparent 0%, black calc(var(--spotlight-fullscreen-vertical) * 2), black calc(100% - calc(var(--spotlight-fullscreen-vertical) * 2)), transparent 100% );
-webkit-mask-size: 100% 100%; -webkit-mask-size: 100% 100%;
mask-size: 100% 100%; mask-size: 100% 100%;
-webkit-mask-position: 0 0; -webkit-mask-position: 0 0;
@@ -1586,13 +1586,13 @@
right: 0; right: 0;
height: 100%; height: 100%;
pointer-events: none; pointer-events: none;
z-index: 2; z-index: 5;
} }
.spotlight-background-single::before, .spotlight-background-single::before,
.spotlight-background-dual::before { .spotlight-background-dual::before {
width: 45%; width: 55%;
background: radial-gradient(farthest-corner at bottom left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0) 70%); background: radial-gradient(farthest-corner at bottom left, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 70%);
} }
.layout-mobile .spotlight-background-single::before, .layout-mobile .spotlight-background-single::before,
@@ -1604,7 +1604,7 @@
.spotlight-background-single::after, .spotlight-background-single::after,
.spotlight-background-dual::after { .spotlight-background-dual::after {
width: 100%; width: 100%;
background: linear-gradient( 180deg, black 0%, transparent 35%, transparent 65%, black 100% ); background: linear-gradient( 180deg, black 0%, transparent 35%, transparent 65%, black 100% );
} }
/* .spotlight-section[data-layout="Borderless"] .spotlight-item .spotlight-background-single:::before { /* .spotlight-section[data-layout="Borderless"] .spotlight-item .spotlight-background-single:::before {
@@ -1885,6 +1885,8 @@
.spotlight-section .spotlight-buttons-container.mainDetailButtons { .spotlight-section .spotlight-buttons-container.mainDetailButtons {
margin: 0px !important; margin: 0px !important;
padding: 0px !important; padding: 0px !important;
background: transparent !important;
backdrop-filter: none !important;
} }
.spotlight-section .mainDetailButtons > :is(button.emby-button) { .spotlight-section .mainDetailButtons > :is(button.emby-button) {
padding: 0em !important; padding: 0em !important;