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

View File

@ -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 {