forked from s3lph/matemat
Fix some minor display issues with transfer vs deposit
This commit is contained in:
parent
f92ad205d2
commit
075afa2d76
2 changed files with 15 additions and 26 deletions
|
@ -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;
|
||||||
}
|
}
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue