Skip to content

Commit 886138d

Browse files
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
1 parent 201d0c2 commit 886138d

File tree

1 file changed

+23
-1
lines changed

1 file changed

+23
-1
lines changed

components/image/style/patch.less

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,27 @@
1+
@image-prefix-cls: ~'@{ant-prefix}-image';
2+
13
.cdk-overlay-backdrop {
24
&.ant-image-preview-mask {
35
opacity: 1;
46
}
5-
}
7+
}
8+
9+
.cdk-global-overlay-wrapper[dir='rtl'] {
10+
.@{image-prefix-cls} {
11+
&-preview {
12+
&-switch-left {
13+
right: 10px;
14+
left: unset;
15+
16+
rotate: 180deg;
17+
}
18+
19+
&-switch-right {
20+
right: unset;
21+
left: 10px;
22+
23+
rotate: 180deg;
24+
}
25+
}
26+
}
27+
}

0 commit comments

Comments
 (0)