Hide the textarea resize handle

conversejs · Aug 7, 2018 · 2600372 · 2600372
1 parent d852721
commit 2600372
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git a/css/converse.css b/css/converse.css
diff --git a/sass/_chatbox.scss b/sass/_chatbox.scss
@@ -438,6 +438,12 @@
 
 /* ******************* Overlay and embedded styles *************************** */
 
+#conversejs.converse-embedded {
+    .chat-textarea {
+        max-height: $fullpage-max-chat-textarea-height;
+    }
+}
+
 #conversejs.converse-embedded,
 #conversejs.converse-overlayed {
     .chat-head {

diff --git a/sass/_chatrooms.scss b/sass/_chatrooms.scss
@@ -271,6 +271,7 @@
             }
             .chat-textarea {
                 border-bottom-right-radius: 0;
+                resize: none;
                 &.correcting {
                     background-color: lighten($chatroom-head-color, 30%);
                 }

diff --git a/sass/_variables.scss b/sass/_variables.scss
@@ -146,7 +146,7 @@ $fullpage-chat-head-height: 62px !default;
 $fullpage-chat-height: 100vh;
 $fullpage-chat-width: 100%;
 $fullpage-emoji-picker-height: 150px !default;
-$fullpage-max-chat-textarea-height: 400px !default;
+$fullpage-max-chat-textarea-height: 15em!default;
 
 $overlayed-chat-head-height: 55px !default;
 $overlayed-chat-height: 450px !default;