From 2cf40a12cded56eea794c826dd4626749a8aee68 Mon Sep 17 00:00:00 2001 From: Pk11 Date: Thu, 11 Mar 2021 20:11:37 -0600 Subject: [PATCH] Put close button on correct side of LTR/RTL alerts --- assets/css/style.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/assets/css/style.scss b/assets/css/style.scss index 89803999..0a9dc90b 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -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 {