more responsive alerts

This commit is contained in:
Felix Hamann 2018-07-01 23:22:30 +02:00
parent 425be24b4b
commit f468e28054

View File

@ -28,7 +28,7 @@
z-index: 0; z-index: 0;
max-height: 200px; max-height: 200px;
transition: all .3s ease-in-out; transition: all .3s ease-in-out;
padding-left: 30px; padding-left: 20px;
margin-left: 20px; margin-left: 20px;
margin-right: 60px; margin-right: 60px;
box-shadow: 0 0 7px var(--color-dark); box-shadow: 0 0 7px var(--color-dark);
@ -68,6 +68,7 @@
@media (min-width: 768px) { @media (min-width: 768px) {
.alert { .alert {
padding-left: 30px;
margin-left: 40px; margin-left: 40px;
min-width: 400px; min-width: 400px;
} }
@ -114,6 +115,14 @@
} }
} }
@media (max-width: 768px) {
.alert__content {
padding: 4px 7px;
padding-left: 20px;
}
}
.alert__close { .alert__close {
cursor: pointer; cursor: pointer;
text-align: right; text-align: right;
@ -155,6 +164,13 @@
} }
} }
@media (max-width: 768px) {
.alert__close {
width: 40px;
}
}
.alert-success { .alert-success {
.alert__content { .alert__content {