New: Allowed desktop users to configure how much of the backdrop is cropped from the top
Fix: Frosted effect on page backdrops had stopped working on mobile
This commit is contained in:
parent
4a045ef8c9
commit
ea12292a77
1 changed files with 10 additions and 2 deletions
|
|
@ -124,6 +124,10 @@
|
|||
/* use 5em to enable the fading app bar (seamless);
|
||||
use 4.6em to get the solid app bar (cleaner with border) */
|
||||
--appBarHeight: 5em;
|
||||
|
||||
/* use 50% to crop the top of the backdrop image slightly (recommended) [default];
|
||||
use 0% to prevent the cropping from top, or choose between 0% and 100% according to your preference */
|
||||
--backdropPositionY: 50%;
|
||||
}
|
||||
|
||||
html {
|
||||
|
|
@ -1359,8 +1363,12 @@ html,
|
|||
background: var(--backgroundGradient);
|
||||
}
|
||||
|
||||
.layout-desktop .backdropImage:after,
|
||||
.layout-desktop .backdropImage:before {
|
||||
.backdropImage {
|
||||
background-position-y: var(--backdropPositionY);
|
||||
}
|
||||
|
||||
.backdropImage:after,
|
||||
.backdropImage:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
|
|||
Loading…
Reference in a new issue