fix(module:image): wrong next/prev btn in rtl mode (#8468)

* fix(module:image): wrong next/prev btn in rtl mode * fix(module:image): wrong next/prev btn in rtl mode * fix(module:image): wrong next/prev btn in rtl mode
NG-ZORRO · Apr 18, 2024 · 886138d · 886138d
1 parent 201d0c2
commit 886138d
Showing 1 changed file with 23 additions and 1 deletion.
diff --git a/components/image/style/patch.less b/components/image/style/patch.less
@@ -1,5 +1,27 @@
+@image-prefix-cls: ~'@{ant-prefix}-image';
+
 .cdk-overlay-backdrop {
   &.ant-image-preview-mask {
     opacity: 1;
   }
-}
+}
+
+.cdk-global-overlay-wrapper[dir='rtl'] {
+  .@{image-prefix-cls} {
+    &-preview {
+      &-switch-left {
+        right: 10px;
+        left: unset;
+
+        rotate: 180deg;
+      }
+
+      &-switch-right {
+        right: unset;
+        left: 10px;
+
+        rotate: 180deg;
+      }
+    }
+  }
+}