Fix: #4312 - new rtlcss library does not ignore rules with [dir]

3 files changed, 3 insertions, 7 deletions

diff --git a/resources/css/_base.css b/resources/css/_base.css
index 32cf0c7094..cb3a9504ea 100644
--- a/resources/css/_base.css
+++ b/resources/css/_base.css
@@ -32,6 +32,7 @@
 @import "_tab-relatives.css";
 
 /* Some icons need to be reversed on right-to-left pages */
+/* rtl:ignore */
 [dir=rtl] .wt-icon-flip-rtl
 {
     transform: scale(-1, 1);
diff --git a/resources/css/_chart-interactive.css b/resources/css/_chart-interactive.css
index 4bbe94f481..a8673e727b 100644
--- a/resources/css/_chart-interactive.css
+++ b/resources/css/_chart-interactive.css
@@ -226,16 +226,9 @@ table#tvTreeBorder td,
     max-width: 80px;
     width: auto;
 }
-[dir=rtl] #tv_tree div.tv_box img {
-    float: right;
-}
 #tv_tree div.tv_box .icon-silhouette {
     float: left;
 }
-[dir=rtl] #tv_tree div.tv_box .icon-silhouette {
-    float: right;
-}
-
 #tv_tree div.tv_box div.tv_person_expanded a {
     font-weight: bold;
 }
diff --git a/resources/css/_vendor-patches.css b/resources/css/_vendor-patches.css
index cd74957af1..4a56f33b65 100644
--- a/resources/css/_vendor-patches.css
+++ b/resources/css/_vendor-patches.css
@@ -30,6 +30,7 @@
 }
 
 /* Allow font-awesome icon lists to work on RTL pages */
+/* rtl:ignore */
 [dir=rtl] .fa-li {
     right: -2rem;
 }
@@ -40,6 +41,7 @@
 }
 
 /* Bootstrap carousel icons should mirror on RTL  pages */
+/* rtl:ignore */
 [dir=rtl] .carousel-control-next-icon,
 [dir=rtl] .carousel-control-prev-icon  {
     transform: scale(-1, 1);