r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix displaying input control button over the input

Browse Source
This commit is contained in:
morethanwords 2022-01-14 19:49:53 +04:00
parent eed849929b
commit 2dba452560
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/scss/partials/_chat.scss
View File

@ -776,6 +776,7 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
padding: var(--padding);
background-color: var(--surface-color);
z-index: 3;
visibility: hidden;
&:before {
opacity: 0;
@ -930,6 +931,7 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
~ .chat-input-control {
opacity: 1;
visibility: visible;
&:before {
opacity: 1;
@ -946,7 +948,7 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
}
~ .chat-input-control {
transition: opacity $input-half-transition-time .075s;
transition: opacity $input-half-transition-time .075s, visibility 0s 0s;
}
&.backwards {
@ -958,7 +960,7 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
}
~ .chat-input-control {
transition: opacity $input-half-transition-time 0s;
transition: opacity $input-half-transition-time 0s, visibility 0s $input-transition-time;
}
}
}