From 735743879a360e661848cbf2f730a95d09be5dab Mon Sep 17 00:00:00 2001
From: Sahil Batra <sahil@zulip.com>
Date: Tue, 29 Nov 2022 23:17:34 +0530
Subject: [PATCH] compose: Add bootstrap CSS rules for compose textarea.

This commit adds required bootstrap CSS rules used for
compose textarea element in with existing CSS for that
element in compose.css.

This change is done so we can safely remove textarea CSS rules
for bootstrap.css as a part of our process to remove bootstrap
without changing existing design.
---
 static/styles/compose.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/static/styles/compose.css b/static/styles/compose.css
index 65d01748e0..d5fc84b143 100644
--- a/static/styles/compose.css
+++ b/static/styles/compose.css
@@ -451,6 +451,9 @@ textarea.new_message_textarea {
     margin-bottom: 0;
     resize: vertical !important;
     margin-top: 5px;
+    border-radius: 4px;
+    color: hsl(0, 0%, 33%);
+    background-color: hsl(0, 0%, 100%);
 
     @keyframes flash {
         0% {
@@ -470,6 +473,12 @@ textarea.new_message_textarea {
             animation: flash 0.5s ease-in-out infinite;
         }
     }
+
+    &:read-only,
+    &:disabled {
+        cursor: not-allowed;
+        background-color: hsl(0, 0%, 93%);
+    }
 }
 
 textarea.new_message_textarea,
@@ -479,6 +488,7 @@ textarea.new_message_textarea,
     transition: border 0.2s ease;
 
     &:focus {
+        outline: 0;
         border: 1px solid hsl(0, 0%, 67%);
         box-shadow: none;
     }