alerts now float all the way to the top
This commit is contained in:
parent
3dddc18601
commit
5285c6c01f
@ -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));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user