mctaylors/NXInspired
mctaylors/NXInspired
1
1
Fork 0
Code Issues 1 Pull requests Activity

Make dialog height "dynamic"

Browse source 
Signed-off-by: mctaylors <cantsendmails@mctaylors.ru>
This commit is contained in:
Macintxsh 2024-05-03 23:36:42 +05:00
parent 61958c4f5f
commit a5faada17c
Signed by: mctaylors
GPG key ID: 7181BEBE676903C1
2 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/css/keyframes.css
View file

@ -26,19 +26,19 @@
from { from {
opacity: 0; opacity: 0;
width: var(--keyframe-show-dialog-width); width: var(--keyframe-show-dialog-width);
height: var(--keyframe-show-dialog-height); padding-bottom: var(--keyframe-show-dialog-padding-bottom);
} }
80% { 80% {
opacity: 0; opacity: 0;
width: var(--keyframe-show-dialog-width); width: var(--keyframe-show-dialog-width);
height: var(--keyframe-show-dialog-height); padding-bottom: var(--keyframe-show-dialog-padding-bottom);
} }
to { to {
opacity: 1; opacity: 1;
width: var(--dialog-width); width: var(--dialog-width);
height: var(--dialog-height); padding-bottom: var(--dialog-padding-bottom);
} }
} }

12
assets/css/style.css
View file

@ -8,14 +8,14 @@
--light-blue: #60f7df; --light-blue: #60f7df;
--dark-blue: #10bfc7; --dark-blue: #10bfc7;
--dialog-width: 770px; --dialog-width: 770px;
--dialog-height: 335px; --dialog-padding-bottom: 105px;
--details-button-width: 395px; --details-button-width: 395px;
--details-button-height: 65px; --details-button-height: 65px;
--keyframe-dialog-size-divider: 20; --keyframe-dialog-size-diff: 50px;
--keyframe-show-dialog-width: calc(var(--dialog-width) - var(--dialog-width) / var(--keyframe-dialog-size-divider)); --keyframe-show-dialog-width: calc(var(--dialog-width) - var(--keyframe-dialog-size-diff));
--keyframe-hide-dialog-width: calc(var(--dialog-width) + var(--dialog-width) / var(--keyframe-dialog-size-divider)); --keyframe-hide-dialog-width: calc(var(--dialog-width) + var(--keyframe-dialog-size-diff));
--keyframe-show-dialog-height: calc(var(--dialog-height) - var(--dialog-height) / var(--keyframe-dialog-size-divider)); --keyframe-show-dialog-padding-bottom: calc(var(--dialog-padding-bottom) - var(--keyframe-dialog-size-diff));
--keyframe-hide-dialog-height: calc(var(--dialog-height) + var(--dialog-height) / var(--keyframe-dialog-size-divider)); --keyframe-hide-dialog-padding-bottom: calc(var(--dialog-padding-bottom) + var(--keyframe-dialog-size-diff));
} }
.background-image { .background-image {