Skip to content

Commit 0b1d8e7

Browse files
EvilAlexeivalorkin
authored andcommitted
fix(tooltip-popover): fix arrow position for bs4 (#3784)
- Added new indents for bs4 arrow, because of new positioning in original bs4
1 parent 898251d commit 0b1d8e7

File tree

2 files changed

+4
-0
lines changed

2 files changed

+4
-0
lines changed

src/popover/popover-container.component.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,11 @@ import { isBs3 } from '../utils/theme-provider';
1717
`
1818
:host.bs-popover-top .arrow, :host.bs-popover-bottom .arrow {
1919
left: 50%;
20+
margin-left: -8px;
2021
}
2122
:host.bs-popover-left .arrow, :host.bs-popover-right .arrow {
2223
top: 50%;
24+
margin-top: -8px;
2325
}
2426
`
2527
],

src/tooltip/tooltip-container.component.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,9 +23,11 @@ import { isBs3 } from '../utils/theme-provider';
2323
}
2424
:host.bs-tooltip-top .arrow, :host.bs-tooltip-bottom .arrow {
2525
left: 50%;
26+
margin-left: -6px;
2627
}
2728
:host.bs-tooltip-left .arrow, :host.bs-tooltip-right .arrow {
2829
top: 50%;
30+
margin-top: -6px;
2931
}
3032
`
3133
],

0 commit comments

Comments
 (0)