Skip to content

Commit 3c444f9

Browse files
committed
fix: fix tooltip arrow alignment on rtl
probably regression of #32692
1 parent 63f75bc commit 3c444f9

File tree

1 file changed

+22
-3
lines changed

1 file changed

+22
-3
lines changed

scss/_tooltip.scss

Lines changed: 22 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -93,15 +93,34 @@
9393
&[data-popper-placement^="top"] {
9494
@extend .bs-tooltip-top;
9595
}
96-
&[data-popper-placement^="right"] {
97-
@extend .bs-tooltip-end;
98-
}
9996
&[data-popper-placement^="bottom"] {
10097
@extend .bs-tooltip-bottom;
10198
}
99+
100+
/* rtl:begin:remove */
101+
&[data-popper-placement^="right"] {
102+
@extend .bs-tooltip-end;
103+
}
102104
&[data-popper-placement^="left"] {
103105
@extend .bs-tooltip-start;
104106
}
107+
108+
/* rtl:end:remove */
109+
}
110+
111+
112+
[dir="rtl"] .bs-tooltip-auto {
113+
&[data-popper-placement^="right"] {
114+
@extend .bs-tooltip-start;
115+
116+
.tooltip-arrow {
117+
left: auto;
118+
}
119+
}
120+
121+
&[data-popper-placement^="left"] {
122+
@extend .bs-tooltip-end;
123+
}
105124
}
106125

107126
// Wrapper for the tooltip content

0 commit comments

Comments
 (0)