Browse Source

Fix displaying input control button over the input

master
morethanwords 3 years ago
parent
commit
2dba452560
  1. 6
      src/scss/partials/_chat.scss

6
src/scss/partials/_chat.scss

@ -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;
} }
} }
} }

Loading…
Cancel
Save