fix: resolve backdrop visibility issue on item pages
This commit is contained in:
parent
d375dc9364
commit
c53f2c0916
1 changed files with 17 additions and 1 deletions
|
|
@ -70,7 +70,23 @@
|
|||
|
||||
body {
|
||||
font-family: var(--font-body);
|
||||
background-color: var(--obsidian) !important;
|
||||
background-color: var(--obsidian); /* Removed !important to allow Jellyfin/ElegantFin to override */
|
||||
}
|
||||
|
||||
/* Ensure backdrops are visible */
|
||||
.backgroundContainer.withBackdrop,
|
||||
.backdropContainer,
|
||||
.itemBackdrop {
|
||||
z-index: -1; /* Ensure they stay behind content */
|
||||
}
|
||||
|
||||
/* Hide the solid background and effects when a backdrop is active to let it show through */
|
||||
body:has(.backgroundContainer.withBackdrop) {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
body:has(.backgroundContainer.withBackdrop)::before {
|
||||
opacity: 0.2; /* Reduce grain opacity over backdrops */
|
||||
}
|
||||
|
||||
/* Titles and Headers use the Rune Font */
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue