[core] RTL support #80

added rtl support to tabs component with mdIsRtl prop
vuematerial · Feb 27, 2020 · 6064c2b · 6064c2b
1 parent 0f96730
commit 6064c2b
Showing 1 changed file with 3 additions and 3 deletions.
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)`
           }
         }
       },