From 47c8455b95387c8a6ab7953d66953e0e935f1a27 Mon Sep 17 00:00:00 2001
From: duckietm <info@camwijs.nl>
Date: Mon, 25 Mar 2024 16:26:31 +0100
Subject: [PATCH] small fix: chat-input

---
 .../room/widgets/chat-input/ChatInputView.scss   | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/room/widgets/chat-input/ChatInputView.scss b/src/components/room/widgets/chat-input/ChatInputView.scss
index 55454d0..8a410ca 100644
--- a/src/components/room/widgets/chat-input/ChatInputView.scss
+++ b/src/components/room/widgets/chat-input/ChatInputView.scss
@@ -13,7 +13,6 @@
     width: -webkit-fill-available;
 
     @include media-breakpoint-down(xxl) {
-        display: flex;
         position: absolute;
         bottom: 70px;
         left: 50%;
@@ -25,7 +24,7 @@
         content: '';
         position: absolute;
         width: 100%;
-        height: 5px;
+        height: 2px;
         top: 1px;
         left: 0;
         right: 0;
@@ -35,11 +34,10 @@
     }
 
     .input-sizer {
-        display: flex;
+        display: inline-grid;
         vertical-align: top;
         height: 100%;
         padding: 0 10px;
-        width: 100%;
         
         &::after,
         input,
@@ -54,7 +52,13 @@
             border: none;
             outline: none;
         }
-    
+		
+		&::after {
+            content: attr(data-value) '  ';
+					
+            visibility: hidden;
+            white-space: pre-wrap;
+        }    
     }
 	
 	.colour-container {
@@ -150,4 +154,4 @@
             background-image: url("@/assets/images/boxes/card/questionmark_click.png");
         }
     }
-}
\ No newline at end of file
+}