From 075afa2d762acfe00a2c5fa1bcbc2e2a53479630 Mon Sep 17 00:00:00 2001
From: s3lph <1375407-s3lph@users.noreply.gitlab.com>
Date: Mon, 18 Jul 2022 23:49:13 +0200
Subject: [PATCH] Fix some minor display issues with transfer vs deposit

---
 static/css/matemat.css   | 33 +++++++--------------------------
 static/js/depositlist.js |  8 ++++++++
 2 files changed, 15 insertions(+), 26 deletions(-)

diff --git a/static/css/matemat.css b/static/css/matemat.css
index e9d89fe..3b38c84 100644
--- a/static/css/matemat.css
+++ b/static/css/matemat.css
@@ -202,32 +202,25 @@
 }
 
 #transfer-userlist {
-    display: grid;
+    display: none;
+    flex-direction: column;
+    column-gap: 10px;
+    padding: 0;
+    margin: 0;
     grid-column: 4;
     grid-row-start: 1;
     grid-row-end: 6;
-    grid-template-columns: 200px;
-    grid-template-rows: 25px 1fr 25px;
-    column-gap: 10px;
-    row-gap: 10px;
-    padding: 0;
-    margin: 0;
 }
 
 #transfer-userlist.show {
-    display: block;
-    position: relative;
+    display: flex;
 }
 
 #transfer-userlist-list {
     margin: 10px 0;
     padding: 0;
     overflow-y: hidden;
-    max-height: calc(100% - 150px);
-    top: 45px;
-    bottom: 45px;
-    grid-row: 2;
-    grid-column: 1;
+    flex-grow: 1;
 }
 
 #transfer-userlist-list > li {
@@ -247,7 +240,6 @@
     right: 0;
     height: 25px;
     text-align: center;
-    display: block;
     background: #f0f0f0;
     padding: 20px;
     font-family: sans-serif;
@@ -255,17 +247,6 @@
     font-size: 25px;
 }
 
-#transfer-userlist > #scroll-up{
-    grid-row: 1;
-    grid-column: 1;
-    top: 0;
-}
-#transfer-userlist > #scroll-down {
-    grid-row: 2;
-    grid-column: 1;
-    bottom: 0;
-}
-
 #transfer-userlist-list > li.active {
     background: #60f060;
 }
\ No newline at end of file
diff --git a/static/js/depositlist.js b/static/js/depositlist.js
index 2a2a16f..af31f0e 100644
--- a/static/js/depositlist.js
+++ b/static/js/depositlist.js
@@ -95,11 +95,19 @@ deposit_key = (k) => {
 		deposit = '0';
 		product_id = null;
 		target_user = null;
+		if (target_user_li != null) {
+			target_user_li.classList.remove('active');
+		}
 		input.classList.remove('show');
 		userlist.classList.remove('show');
     } else if (k == 'del') {
 		if (deposit == '0') {
 			product_id = null;
+			target_user = null;
+			if (target_user_li != null) {
+				target_user_li.classList.remove('active');
+			}
+			userlist.classList.remove('show');
 			input.classList.remove('show');
 		}
 		deposit = deposit.substr(0, deposit.length - 1);