jonny/matemat
1
0
Fork 0
forked from s3lph/matemat
Code Pull requests Activity

Fix some minor display issues with transfer vs deposit

Browse source
This commit is contained in:
s3lph 2022-07-18 23:49:13 +02:00
parent f92ad205d2
commit 075afa2d76
2 changed files with 15 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
static/css/matemat.css
View file

@ -202,32 +202,25 @@
} }
#transfer-userlist { #transfer-userlist {
display: grid; display: none;
flex-direction: column;
column-gap: 10px;
padding: 0;
margin: 0;
grid-column: 4; grid-column: 4;
grid-row-start: 1; grid-row-start: 1;
grid-row-end: 6; 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 { #transfer-userlist.show {
display: block; display: flex;
position: relative;
} }
#transfer-userlist-list { #transfer-userlist-list {
margin: 10px 0; margin: 10px 0;
padding: 0; padding: 0;
overflow-y: hidden; overflow-y: hidden;
max-height: calc(100% - 150px); flex-grow: 1;
top: 45px;
bottom: 45px;
grid-row: 2;
grid-column: 1;
} }
#transfer-userlist-list > li { #transfer-userlist-list > li {
@ -247,7 +240,6 @@
right: 0; right: 0;
height: 25px; height: 25px;
text-align: center; text-align: center;
display: block;
background: #f0f0f0; background: #f0f0f0;
padding: 20px; padding: 20px;
font-family: sans-serif; font-family: sans-serif;
@ -255,17 +247,6 @@
font-size: 25px; 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 { #transfer-userlist-list > li.active {
background: #60f060; background: #60f060;
} }

8
static/js/depositlist.js
View file

@ -95,11 +95,19 @@ deposit_key = (k) => {
deposit = '0'; deposit = '0';
product_id = null; product_id = null;
target_user = null; target_user = null;
if (target_user_li != null) {
target_user_li.classList.remove('active');
}
input.classList.remove('show'); input.classList.remove('show');
userlist.classList.remove('show'); userlist.classList.remove('show');
} else if (k == 'del') { } else if (k == 'del') {
if (deposit == '0') { if (deposit == '0') {
product_id = null; 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'); input.classList.remove('show');
} }
deposit = deposit.substr(0, deposit.length - 1); deposit = deposit.substr(0, deposit.length - 1);