Skip to content

Commit 6a27618

Browse files
ffooddXhmikosR
authored andcommitted
fix(RTL)
1 parent 4eea630 commit 6a27618

File tree

2 files changed

+24
-24
lines changed

2 files changed

+24
-24
lines changed

scss/_popover.scss

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -58,24 +58,24 @@
5858

5959
.bs-popover-end {
6060
// Overrule margin set by popper.js
61-
margin-left: $popover-arrow-height !important #{"/* rtl:ignore */"}; // stylelint-disable-line declaration-no-important
61+
margin-left: $popover-arrow-height !important; // stylelint-disable-line declaration-no-important
6262

6363
> .popover-arrow {
64-
left: subtract(-$popover-arrow-height, $popover-border-width) #{"/* rtl:ignore */"};
64+
left: subtract(-$popover-arrow-height, $popover-border-width);
6565
width: $popover-arrow-height;
6666
height: $popover-arrow-width;
6767
margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
6868

6969
&::before {
70-
left: 0 #{"/* rtl:ignore */"};
71-
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0 #{"/* rtl:ignore */"};
72-
border-right-color: $popover-arrow-outer-color #{"/* rtl:ignore */"};
70+
left: 0;
71+
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
72+
border-right-color: $popover-arrow-outer-color;
7373
}
7474

7575
&::after {
76-
left: $popover-border-width #{"/* rtl:ignore */"};
77-
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0 #{"/* rtl:ignore */"};
78-
border-right-color: $popover-arrow-color #{"/* rtl:ignore */"};
76+
left: $popover-border-width;
77+
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
78+
border-right-color: $popover-arrow-color;
7979
}
8080
}
8181
}
@@ -115,24 +115,24 @@
115115

116116
.bs-popover-start {
117117
// Overrule margin set by popper.js
118-
margin-right: $popover-arrow-height !important #{"/* rtl:ignore */"}; // stylelint-disable-line declaration-no-important
118+
margin-right: $popover-arrow-height !important; // stylelint-disable-line declaration-no-important
119119

120120
> .popover-arrow {
121-
right: subtract(-$popover-arrow-height, $popover-border-width) #{"/* rtl:ignore */"};
121+
right: subtract(-$popover-arrow-height, $popover-border-width);
122122
width: $popover-arrow-height;
123123
height: $popover-arrow-width;
124124
margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
125125

126126
&::before {
127-
right: 0 #{"/* rtl:ignore */"};
128-
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height #{"/* rtl:ignore */"};
129-
border-left-color: $popover-arrow-outer-color #{"/* rtl:ignore */"};
127+
right: 0;
128+
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
129+
border-left-color: $popover-arrow-outer-color;
130130
}
131131

132132
&::after {
133-
right: $popover-border-width #{"/* rtl:ignore */"};
134-
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height #{"/* rtl:ignore */"};
135-
border-left-color: $popover-arrow-color #{"/* rtl:ignore */"};
133+
right: $popover-border-width;
134+
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
135+
border-left-color: $popover-arrow-color;
136136
}
137137
}
138138
}

scss/_tooltip.scss

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -47,14 +47,14 @@
4747
padding: 0 $tooltip-arrow-height;
4848

4949
.tooltip-arrow {
50-
left: 0 #{"/* rtl:ignore */"};
50+
left: 0;
5151
width: $tooltip-arrow-height;
5252
height: $tooltip-arrow-width;
5353

5454
&::before {
55-
right: -1px #{"/* rtl:ignore */"};
56-
border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0 #{"/* rtl:ignore */"};
57-
border-right-color: $tooltip-arrow-color #{"/* rtl:ignore */"};
55+
right: -1px;
56+
border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
57+
border-right-color: $tooltip-arrow-color;
5858
}
5959
}
6060
}
@@ -77,14 +77,14 @@
7777
padding: 0 $tooltip-arrow-height;
7878

7979
.tooltip-arrow {
80-
right: 0 #{"/* rtl:ignore */"};
80+
right: 0;
8181
width: $tooltip-arrow-height;
8282
height: $tooltip-arrow-width;
8383

8484
&::before {
85-
left: -1px #{"/* rtl:ignore */"};
86-
border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height #{"/* rtl:ignore */"};
87-
border-left-color: $tooltip-arrow-color #{"/* rtl:ignore */"};
85+
left: -1px;
86+
border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
87+
border-left-color: $tooltip-arrow-color;
8888
}
8989
}
9090
}

0 commit comments

Comments
 (0)