From f2725845cf2421463651f5f98dae929ef63ae1dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julian=20M=C3=BCller?=
 <9070224-W13R@users.noreply.gitlab.com>
Date: Tue, 5 Jul 2022 17:42:50 +0200
Subject: [PATCH] hide the userlist in the background when showing the password
 overlay

---
 application/app/templates/registration/login.html | 2 +-
 static/js/login.js                                | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/application/app/templates/registration/login.html b/application/app/templates/registration/login.html
index 567d15d..32b6ab0 100644
--- a/application/app/templates/registration/login.html
+++ b/application/app/templates/registration/login.html
@@ -64,7 +64,7 @@
 
     <h1>{% translate "Choose your account" %}</h1>
 
-    <div class="userlistContainer">
+    <div class="userlistContainer" id="userlistContainer">
         <ul class="userlist">
             {% for user_ in user_list %}
                 <li class="userlistButton button" data-username="{{ user_.username }}">
diff --git a/static/js/login.js b/static/js/login.js
index df54187..aea0630 100644
--- a/static/js/login.js
+++ b/static/js/login.js
@@ -5,11 +5,11 @@
     let username_input;
     let password_input;
     let submit_button;
-    let username_display;
     let password_overlay;
     let pw_overlay_cancel;
     let userlist_buttons;
     let pinpad_buttons;
+    let userlist_container;
 
 
     // Add event listeners after DOM Content loaded
@@ -23,6 +23,7 @@
         submit_button = document.getElementById("submit_login");
         password_overlay = document.getElementById("passwordOverlayContainer");
         pw_overlay_cancel = document.getElementById("pwoCancel");
+        userlist_container = document.getElementById("userlistContainer");
 
         userlist_buttons = document.getElementsByClassName("userlistButton");
         pinpad_buttons = document.getElementsByClassName("pinpadBtn");
@@ -59,15 +60,14 @@
 
         window.scrollTo(0, 0);
         password_overlay.classList.remove("nodisplay");
-        document.body.classList.add("overflowHidden");
-        //password_input.focus();
+        userlist_container.classList.add("nodisplay");
 
     }
 
     function hide_password_overlay() {
 
         password_overlay.classList.add("nodisplay");
-        document.body.classList.remove("overflowHidden");
+        userlist_container.classList.remove("nodisplay");
         password_input.value = "";
 
     }