From a5faada17c8d9fbd63ef5477b732c16baec502df Mon Sep 17 00:00:00 2001
From: mctaylors <cantsendmails@mctaylors.ru>
Date: Fri, 3 May 2024 23:36:42 +0500
Subject: [PATCH] Make dialog height "dynamic"

Signed-off-by: mctaylors <cantsendmails@mctaylors.ru>
---
 assets/css/keyframes.css |  6 +++---
 assets/css/style.css     | 12 ++++++------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/assets/css/keyframes.css b/assets/css/keyframes.css
index b7ddd37..d2c25ac 100644
--- a/assets/css/keyframes.css
+++ b/assets/css/keyframes.css
@@ -26,19 +26,19 @@
     from {
         opacity: 0;
         width: var(--keyframe-show-dialog-width);
-        height: var(--keyframe-show-dialog-height);
+        padding-bottom: var(--keyframe-show-dialog-padding-bottom);
     }
 
     80% {
         opacity: 0;
         width: var(--keyframe-show-dialog-width);
-        height: var(--keyframe-show-dialog-height);
+        padding-bottom: var(--keyframe-show-dialog-padding-bottom);
     }
 
     to {
         opacity: 1;
         width: var(--dialog-width);
-        height: var(--dialog-height);
+        padding-bottom: var(--dialog-padding-bottom);
     }
 }
 
diff --git a/assets/css/style.css b/assets/css/style.css
index d8660e6..b1cf3ad 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -8,14 +8,14 @@
     --light-blue: #60f7df;
     --dark-blue: #10bfc7;
     --dialog-width: 770px;
-    --dialog-height: 335px;
+    --dialog-padding-bottom: 105px;
     --details-button-width: 395px;
     --details-button-height: 65px;
-    --keyframe-dialog-size-divider: 20;
-    --keyframe-show-dialog-width: calc(var(--dialog-width) - var(--dialog-width) / var(--keyframe-dialog-size-divider));
-    --keyframe-hide-dialog-width: calc(var(--dialog-width) + var(--dialog-width) / var(--keyframe-dialog-size-divider));
-    --keyframe-show-dialog-height: calc(var(--dialog-height) - var(--dialog-height) / var(--keyframe-dialog-size-divider));
-    --keyframe-hide-dialog-height: calc(var(--dialog-height) + var(--dialog-height) / var(--keyframe-dialog-size-divider));
+    --keyframe-dialog-size-diff: 50px;
+    --keyframe-show-dialog-width: calc(var(--dialog-width) - var(--keyframe-dialog-size-diff));
+    --keyframe-hide-dialog-width: calc(var(--dialog-width) + var(--keyframe-dialog-size-diff));
+    --keyframe-show-dialog-padding-bottom: calc(var(--dialog-padding-bottom) - var(--keyframe-dialog-size-diff));
+    --keyframe-hide-dialog-padding-bottom: calc(var(--dialog-padding-bottom) + var(--keyframe-dialog-size-diff));
 }
 
 .background-image {