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

css: Refactor `.alert-notification`. 

Since each element containing the `.alert-notification`
class has a predefined area that wont overlap with any
other element, we make changes to the CSS so that it
just stays hidden until the text appears.
This commit is contained in:
Ryan Rehman 2020-03-28 11:00:13 +05:30 committed by Tim Abbott
parent 95c97e4a46
commit 412eb6f1cb
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
static/styles/settings.scss
View File

@ -620,20 +620,21 @@ input[type=checkbox].inline-block {
}
.alert-notification {
&:not(:empty) {
display: inline-block !important;
vertical-align: top;
height: auto !important;
width: auto !important;
display: inline-block !important;
vertical-align: top;
height: auto !important;
width: auto !important;
background-color: transparent;
border-radius: 4px;
margin-top: 14px;
margin-left: 10px;
background-color: transparent;
border-radius: 4px;
margin-top: 14px;
margin-left: 10px;
color: hsl(156, 30%, 50%);
padding: 3px 10px;
font-size: 15px;
&:not(:empty) {
border: 1px solid hsl(156, 30%, 50%);
color: hsl(156, 30%, 50%);
padding: 3px 10px;
font-size: 15px;
}
.alert-error {