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