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

message_edit: Add bootstrap CSS rules to message edit textarea. 

This commit adds required bootstrap CSS rules used for message-edit
textarea element with existing CSS for that element in zulip.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:28:28 +05:30 committed by Tim Abbott
parent 735743879a
commit 264bfd4583
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
static/styles/zulip.css
View File

@ -2728,6 +2728,30 @@ div.topic_edit_spinner .loading_indicator_spinner {
/* Setting resize as none hides the bottom right diagonal box
(which even has a background color of its own!). */
resize: none !important;
color: hsl(0, 0%, 33%);
background-color: hsl(0, 0%, 100%);
border-radius: 4px;
vertical-align: middle;
border: 1px solid hsl(0, 0%, 80%);
padding: 4px 6px;
margin-bottom: 10px;
box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, 0.075);
transition: border linear 0.2s, box-shadow linear 0.2s;
&:focus {
border-color: hsla(206.5, 80%, 62%, 0.8);
outline: 0;
box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, 0.075),
0 0 8px hsla(206.5, 80%, 62%, 0.6);
}
&:read-only,
&:disabled {
cursor: not-allowed;
background-color: hsl(0, 0%, 93%);
}
}
}