MOBILE-2567 rtl: Fix ion tabs slide next/prev

2018-09-10 10:25:55 +02:00 · 2018-09-10 10:25:55 +02:00 · 799f2b7478
parent 08371d580f
commit 799f2b7478
1 changed files with 12 additions and 0 deletions
--- a/src/components/tabs/tabs.scss
+++ b/src/components/tabs/tabs.scss
@ -48,6 +48,18 @@ ion-app.app-root .core-tabs-bar {

        }
    }
+
+    @include rtl() {
+        .swiper-container-horizontal {
+            transform: scaleX(-1);
+            .swiper-wrapper {
+                flex-direction: row-reverse;
+                ion-slide {
+                    transform: scaleX(-1);
+                }
+            }
+        }
+    }
 }

 ion-app.app-root.md .core-tabs-bar a.tab-slide {