mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-08-03 20:07:35 +02:00
Code Issues Releases Wiki Activity

fix fast/light version. fixes #559

Browse Source
This commit is contained in:
Kushagra Gour
2024-05-08 10:48:46 +05:30
parent 5ee6803735
commit ed698752f0
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/style.css
View File

@@ -1066,11 +1066,14 @@ body > #demo-frame {
/* opacity: 0; */ /* opacity: 0; */
will-change: opacity; will-change: opacity;
background: var(--color-overlay); background: var(--color-overlay);
backdrop-filter: blur(5px) grayscale(1);
transition: opacity var(--duration-modal-overlay-show); transition: opacity var(--duration-modal-overlay-show);
will-change: transform; will-change: transform;
} }
body:not(.light-version) .modal {
backdrop-filter: blur(5px) grayscale(1);
}
.modal--no-overlay { .modal--no-overlay {
background: none; background: none;
backdrop-filter: none; backdrop-filter: none;
@@ -1097,10 +1100,11 @@ body > #demo-frame {
transition: 0.25s ease; transition: 0.25s ease;
} }
.modal__content { .modal__content {
--opaque: 68%;
background: var(--color-popup); background: var(--color-popup);
/* fix me */ /* fix me */
background: linear-gradient(45deg, #2d063cad, #3a2b63); background: linear-gradient(45deg, rgb(45 6 60 / var(--opaque)), #3a2b63);
box-shadow: box-shadow:
inset 1px -1px 0 0 #ffffff17, inset 1px -1px 0 0 #ffffff17,
0 20px 31px 0 #0000008a; 0 20px 31px 0 #0000008a;
@@ -1122,6 +1126,9 @@ body > #demo-frame {
forwards; forwards;
/* animation-delay: 150ms; */ /* animation-delay: 150ms; */
} }
body.light-version .modal__content {
--opaque: 100%;
}
@keyframes anim-modal { @keyframes anim-modal {
to { to {
@@ -1140,10 +1147,7 @@ body > #demo-frame {
visibility: visible; visibility: visible;
} }
.is-modal-visible .modal__content { body:not(.light-version).is-modal-visible .modal__content {
/* transition-duration: 0.3s; */
/* transform: translateY(0px) scale(1); */
/* opacity: 1; */
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
} }
@@ -1158,9 +1162,11 @@ body > #demo-frame {
opacity: 0; opacity: 0;
will-change: opacity; will-change: opacity;
/* background: var(--color-overlay); */ /* background: var(--color-overlay); */
backdrop-filter: blur(5px) grayscale(1);
transition: opacity var(--duration-modal-overlay-show); transition: opacity var(--duration-modal-overlay-show);
} }
body:not(.light-version) .modal-overlay {
backdrop-filter: blur(5px) grayscale(1);
}
/* Make settings modal smaller */ /* Make settings modal smaller */