diff --git a/media_source/templates/administrator/atum/scss/blocks/_icons.scss b/media_source/templates/administrator/atum/scss/blocks/_icons.scss index 9575566e165ee..9a61b4756090a 100644 --- a/media_source/templates/administrator/atum/scss/blocks/_icons.scss +++ b/media_source/templates/administrator/atum/scss/blocks/_icons.scss @@ -4,6 +4,17 @@ color: $white; } +// Mirror question mark for Arabic-script languages +html:lang(ar), +html:lang(fa), +html:lang(ur) { + .fa-question, + .icon-question { + display: inline-block; + transform: scaleX(-1); + } +} + .tbody-icon { padding: 0 3px; text-align: center; diff --git a/media_source/templates/site/cassiopeia/scss/blocks/_icons.scss b/media_source/templates/site/cassiopeia/scss/blocks/_icons.scss index 1e901c9909480..054d34a7c37bf 100644 --- a/media_source/templates/site/cassiopeia/scss/blocks/_icons.scss +++ b/media_source/templates/site/cassiopeia/scss/blocks/_icons.scss @@ -10,6 +10,18 @@ } } +// Mirror question mark for Arabic-script languages +html:lang(ar), +html:lang(fa), +html:lang(ur) { + + .fa-question, + .icon-question { + display: inline-block; + transform: scaleX(-1); + } +} + .tbody-icon { padding: 0 3px; text-align: center;