Merge branch 'develop' of github.com:thecodingmachine/workadventure

front/style/TextGlobalMessageSvelte-Style.scss

@@ -1,15 +1,15 @@
-//InputTextGlobalMessage
+//TextGlobalMessage
 section.section-input-send-text {
+  --height-toolbar: 15%;
   height: 100%;
 
   .ql-toolbar{
-    max-height: 100px;
-
+    height: var(--height-toolbar);
     background: whitesmoke;
   }
 
   div.input-send-text{
-    height: calc(100% - 100px);
+    height: calc(100% - var(--height-toolbar));
     overflow: auto;
 
     color: whitesmoke;
@@ -29,3 +29,13 @@ section.section-input-send-text {
     }
   }
 }
+
+@media only screen and (max-width: 800px), only screen and (max-height: 800px) {
+  section.section-input-send-text {
+    --height-toolbar: 30%;
+
+    .ql-toolbar {
+      overflow: auto;
+    }
+  }
+}

front/style/index.scss

@@ -5,4 +5,4 @@
 @import "style";
 @import "mobile-style.scss";
 @import "fonts.scss";
-@import "inputTextGlobalMessageSvelte-Style.scss";
+@import "TextGlobalMessageSvelte-Style";