mirror of https://github.com/zulip/zulip.git
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:
parent
95c97e4a46
commit
412eb6f1cb
|
@ -620,7 +620,6 @@ input[type=checkbox].inline-block {
|
|||
}
|
||||
|
||||
.alert-notification {
|
||||
&:not(:empty) {
|
||||
display: inline-block !important;
|
||||
vertical-align: top;
|
||||
height: auto !important;
|
||||
|
@ -630,10 +629,12 @@ input[type=checkbox].inline-block {
|
|||
border-radius: 4px;
|
||||
margin-top: 14px;
|
||||
margin-left: 10px;
|
||||
border: 1px solid hsl(156, 30%, 50%);
|
||||
color: hsl(156, 30%, 50%);
|
||||
padding: 3px 10px;
|
||||
font-size: 15px;
|
||||
|
||||
&:not(:empty) {
|
||||
border: 1px solid hsl(156, 30%, 50%);
|
||||
}
|
||||
|
||||
.alert-error {
|
||||
|
|
Loading…
Reference in New Issue