Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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.
This commit is contained in:
Sahil Batra 2022-11-29 23:17:34 +05:30 committed by Tim Abbott
parent 74b985ccce
commit 735743879a
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/styles/compose.css
View File

@ -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;
}