alerts now float all the way to the top

This commit is contained in:
Felix Hamann 2018-07-15 23:57:39 +02:00
parent 3dddc18601
commit 5285c6c01f
2 changed files with 4 additions and 4 deletions

View File

@ -152,6 +152,7 @@ h4 {
/* LAYOUT */ /* LAYOUT */
.main { .main {
position: relative;
min-height: calc(100vh - var(--header-height)); min-height: calc(100vh - var(--header-height));
} }

View File

@ -43,10 +43,7 @@
padding-left: 20px; padding-left: 20px;
margin-left: 20px; margin-left: 20px;
animation: slide-in-alert .2s ease-out forwards; animation: slide-in-alert .2s ease-out forwards;
margin-bottom: 20px;
+ .alert:not(.alert--invisible) {
margin-top: 20px;
}
&:hover { &:hover {
@ -190,4 +187,6 @@
.alert--invisible { .alert--invisible {
max-height: 0; max-height: 0;
transform: translateX(120%); transform: translateX(120%);
margin-bottom: 0;
overflow: hidden;
} }