Flip header image horizontally on RTL pages

Fixes #2158

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 9f01735fdfe27c989cc7089a0f9889be7dd28186..71df217b3b5426a2ce5271d13ffdc1a5225b2166 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1460,6 +1460,10 @@ tr.turn:hover {
   }
 }
 
+[dir=rtl] .header-illustration {
+  transform: scaleX(-1);
+}
+
 #content.maximised {
   top: 0;
   left: 0;