paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: Add css nesting to #out-of-view-notification.

Browse Source
This commit is contained in:
Vinit Singh
2020-06-08 23:18:00 +05:30
committed by Tim Abbott
parent dc96b8a23d
commit 8b2098f34d
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
static/styles/compose.scss
View File

@@ -281,6 +281,18 @@ div[id^="message-edit-send-status"],
background-color: hsla(152, 51%, 63%, 0.25); background-color: hsla(152, 51%, 63%, 0.25);
border: 1px solid hsla(0, 0%, 0%, 0.1); border: 1px solid hsla(0, 0%, 0%, 0.1);
border-radius: 4px; border-radius: 4px;
.close {
position: absolute;
right: 8px;
top: 4px;
font-size: 17px;
font-weight: bold;
color: hsl(0, 0%, 0%);
text-shadow: 0 1px 0 hsl(0, 0%, 100%);
opacity: .2;
filter: alpha(opacity=20);
}
} }
.compose-notifications-content { .compose-notifications-content {
@@ -292,18 +304,6 @@ div[id^="message-edit-send-status"],
position: relative; position: relative;
} }
#out-of-view-notification .close {
position: absolute;
right: 8px;
top: 4px;
font-size: 17px;
font-weight: bold;
color: hsl(0, 0%, 0%);
text-shadow: 0 1px 0 hsl(0, 0%, 100%);
opacity: .2;
filter: alpha(opacity=20);
}
textarea.new_message_textarea { textarea.new_message_textarea {
display: table-cell; display: table-cell;
width: calc(100% - 12px); width: calc(100% - 12px);