From 9e543a00eb2eb5d95f6d2253ae810887482b052f Mon Sep 17 00:00:00 2001
From: Igor Propisnov <info@igor-propisnov.com>
Date: Tue, 10 Sep 2024 20:39:25 +0200
Subject: [PATCH] fix dialog, and wierd scroll bar

---
 .../app/pages/welcome-root/welcome-root.component.html   | 9 +++++----
 .../src/app/pages/welcome-root/welcome-root.component.ts | 4 ++++
 frontend/src/styles.scss                                 | 5 +++++
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/pages/welcome-root/welcome-root.component.html b/frontend/src/app/pages/welcome-root/welcome-root.component.html
index eca24b6..66b459d 100644
--- a/frontend/src/app/pages/welcome-root/welcome-root.component.html
+++ b/frontend/src/app/pages/welcome-root/welcome-root.component.html
@@ -458,10 +458,11 @@
 <div
   class="modal modal-open"
   *ngIf="
-    isTokenVerified() ||
-    isVerifying() ||
-    verificationError() ||
-    isAutoLoginInProgress()
+    (isTokenVerified() ||
+      isVerifying() ||
+      verificationError() ||
+      isAutoLoginInProgress()) &&
+    isValidLoginAttempt()
   "
   tabindex="-1"
   aria-labelledby="verify-modal-title"
diff --git a/frontend/src/app/pages/welcome-root/welcome-root.component.ts b/frontend/src/app/pages/welcome-root/welcome-root.component.ts
index 94d5d83..a44aa03 100644
--- a/frontend/src/app/pages/welcome-root/welcome-root.component.ts
+++ b/frontend/src/app/pages/welcome-root/welcome-root.component.ts
@@ -254,6 +254,10 @@ export class WelcomeRootComponent implements OnInit {
     }
   }
 
+  public isValidLoginAttempt(): boolean {
+    return this.signin() && this.token() !== '';
+  }
+
   private focusPasswordField(): void {
     if (this.passwordInput) {
       this.passwordInput.nativeElement.focus();
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 4f87c75..7d144a5 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -8,3 +8,8 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+
+:root:has(:is(.modal-open, .modal:target, .modal-toggle:checked + .modal, .modal[open])) {
+  scrollbar-gutter: auto
+;}