kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

fix(RTL)

Browse source
This commit is contained in:
Gaël Poupard 2020-12-04 17:55:50 +02:00 • committed by XhmikosR
parent 4eea630d16
commit 6a27618d21
2 changed files with 24 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
scss/_popover.scss
View file

@ -58,24 +58,24 @@
.bs-popover-end { .bs-popover-end {
// Overrule margin set by popper.js // Overrule margin set by popper.js
margin-left: $popover-arrow-height !important #{"/* rtl:ignore */"}; // stylelint-disable-line declaration-no-important margin-left: $popover-arrow-height !important; // stylelint-disable-line declaration-no-important
> .popover-arrow { > .popover-arrow {
left: subtract(-$popover-arrow-height, $popover-border-width) #{"/* rtl:ignore */"}; left: subtract(-$popover-arrow-height, $popover-border-width);
width: $popover-arrow-height; width: $popover-arrow-height;
height: $popover-arrow-width; height: $popover-arrow-width;
margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
&::before { &::before {
left: 0 #{"/* rtl:ignore */"}; left: 0;
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0 #{"/* rtl:ignore */"}; border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
border-right-color: $popover-arrow-outer-color #{"/* rtl:ignore */"}; border-right-color: $popover-arrow-outer-color;
} }
&::after { &::after {
left: $popover-border-width #{"/* rtl:ignore */"}; left: $popover-border-width;
border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0 #{"/* rtl:ignore */"}; border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
border-right-color: $popover-arrow-color #{"/* rtl:ignore */"}; border-right-color: $popover-arrow-color;
} }
} }
} }
@ -115,24 +115,24 @@
.bs-popover-start { .bs-popover-start {
// Overrule margin set by popper.js // Overrule margin set by popper.js
margin-right: $popover-arrow-height !important #{"/* rtl:ignore */"}; // stylelint-disable-line declaration-no-important margin-right: $popover-arrow-height !important; // stylelint-disable-line declaration-no-important
> .popover-arrow { > .popover-arrow {
right: subtract(-$popover-arrow-height, $popover-border-width) #{"/* rtl:ignore */"}; right: subtract(-$popover-arrow-height, $popover-border-width);
width: $popover-arrow-height; width: $popover-arrow-height;
height: $popover-arrow-width; height: $popover-arrow-width;
margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners
&::before { &::before {
right: 0 #{"/* rtl:ignore */"}; right: 0;
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height #{"/* rtl:ignore */"}; border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
border-left-color: $popover-arrow-outer-color #{"/* rtl:ignore */"}; border-left-color: $popover-arrow-outer-color;
} }
&::after { &::after {
right: $popover-border-width #{"/* rtl:ignore */"}; right: $popover-border-width;
border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height #{"/* rtl:ignore */"}; border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
border-left-color: $popover-arrow-color #{"/* rtl:ignore */"}; border-left-color: $popover-arrow-color;
} }
} }
} }

16
scss/_tooltip.scss
View file

@ -47,14 +47,14 @@
padding: 0 $tooltip-arrow-height; padding: 0 $tooltip-arrow-height;
.tooltip-arrow { .tooltip-arrow {
left: 0 #{"/* rtl:ignore */"}; left: 0;
width: $tooltip-arrow-height; width: $tooltip-arrow-height;
height: $tooltip-arrow-width; height: $tooltip-arrow-width;
&::before { &::before {
right: -1px #{"/* rtl:ignore */"}; right: -1px;
border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0 #{"/* rtl:ignore */"}; border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
border-right-color: $tooltip-arrow-color #{"/* rtl:ignore */"}; border-right-color: $tooltip-arrow-color;
} }
} }
} }
@ -77,14 +77,14 @@
padding: 0 $tooltip-arrow-height; padding: 0 $tooltip-arrow-height;
.tooltip-arrow { .tooltip-arrow {
right: 0 #{"/* rtl:ignore */"}; right: 0;
width: $tooltip-arrow-height; width: $tooltip-arrow-height;
height: $tooltip-arrow-width; height: $tooltip-arrow-width;
&::before { &::before {
left: -1px #{"/* rtl:ignore */"}; left: -1px;
border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height #{"/* rtl:ignore */"}; border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
border-left-color: $tooltip-arrow-color #{"/* rtl:ignore */"}; border-left-color: $tooltip-arrow-color;
} }
} }
} }