[core] RTL support #80

tom-dorofeyev · tom-dorofeyev · commit 6064c2bcf0e3 · 2020-02-28T01:22:47.000+02:00
added rtl support to tabs component with mdIsRtl prop
diff --git a/src/components/MdTabs/MdTabs.vue b/src/components/MdTabs/MdTabs.vue
@@ -63,7 +63,8 @@
       },
       mdSyncRoute: Boolean,
       mdDynamicHeight: Boolean,
-      mdActiveTab: [String, Number]
+      mdActiveTab: [String, Number],
+      mdIsRtl: { type: Boolean, default: false }
     },
     data: () => ({
       resizeObserver: null,
@@ -214,9 +215,8 @@
           this.contentStyles = {
             height: tabElement ? `${tabElement.offsetHeight}px` : 0
           }
-
           this.containerStyles = {
-            transform: `translate3D(${-this.activeTabIndex * 100}%, 0, 0)`
+            transform: `translate3D(${this.mdIsRtl ? (this.activeTabIndex) * 100 : (-this.activeTabIndex) * 100}%, 0, 0)`
           }
         }
       },
