Put close button on correct side of LTR/RTL alerts

This commit is contained in:
Pk11 2021-03-11 20:11:37 -06:00
parent 7a298bed9f
commit 2cf40a12cd

View File

@ -410,6 +410,23 @@ a.footnote::after {
content: "]";
}
// Fixes for alerts of opposite text direction
.alert-dismissible[dir=ltr] {
padding-left: 1rem;
}
.alert-dismissible[dir=rtl] {
padding-right: 1rem;
}
.alert-dismissible[dir=ltr] .btn-close {
left: unset;
right: 0;
}
.alert-dismissible[dir=rtl] .btn-close {
left: 0;
right: unset;
}
@media only screen and (min-width: 576px) {
// Version of .position-absolute that only triggers for sm+
.position-absolute-sm {