fix: add tabs dropdown rtl classname (#276)

* fix: add tabs dropdown rtl classname * fix: demo
react-component · Jun 3, 2020 · 814d847 · 814d847
1 parent 0716132
commit 814d847
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/assets/rtl.less b/assets/rtl.less
@@ -4,4 +4,8 @@
   &-rtl {
     direction: rtl;
   }
+
+  &-dropdown-rtl {
+    direction: rtl;
+  }
 }
diff --git a/src/TabNavList/OperationNode.tsx b/src/TabNavList/OperationNode.tsx
@@ -148,6 +148,10 @@ function OperationNode(
     moreStyle.order = 1;
   }
 
+  const overlayClassName = classNames({
+    [`${dropdownPrefix}-rtl`]: rtl
+  })
+
   const moreNode: React.ReactElement = mobile ? null : (
     <Dropdown
       prefixCls={dropdownPrefix}
@@ -156,6 +160,7 @@ function OperationNode(
       visible={open}
       transitionName={moreTransitionName}
       onVisibleChange={setOpen}
+      overlayClassName={overlayClassName}
     >
       <button
         type="button"