From 2dba4525609852741b8465795b913d056f67aeb3 Mon Sep 17 00:00:00 2001
From: morethanwords <thanwords24@gmail.com>
Date: Fri, 14 Jan 2022 19:49:53 +0400
Subject: [PATCH] Fix displaying input control button over the input

---
 src/scss/partials/_chat.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/scss/partials/_chat.scss b/src/scss/partials/_chat.scss
index 4c35ecf0..d4ce933e 100644
--- a/src/scss/partials/_chat.scss
+++ b/src/scss/partials/_chat.scss
@@ -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;
         }
       }
     }