From 0b1d8e721f04c96d7d7e070e369f57bc834cc58d Mon Sep 17 00:00:00 2001 From: Oleksii Aleksandrov Date: Tue, 13 Mar 2018 14:13:36 +0200 Subject: [PATCH] fix(tooltip-popover): fix arrow position for bs4 (#3784) - Added new indents for bs4 arrow, because of new positioning in original bs4 --- src/popover/popover-container.component.ts | 2 ++ src/tooltip/tooltip-container.component.ts | 2 ++ 2 files changed, 4 insertions(+) diff --git a/src/popover/popover-container.component.ts b/src/popover/popover-container.component.ts index fac71ca551..7b5e26ac77 100644 --- a/src/popover/popover-container.component.ts +++ b/src/popover/popover-container.component.ts @@ -17,9 +17,11 @@ import { isBs3 } from '../utils/theme-provider'; ` :host.bs-popover-top .arrow, :host.bs-popover-bottom .arrow { left: 50%; + margin-left: -8px; } :host.bs-popover-left .arrow, :host.bs-popover-right .arrow { top: 50%; + margin-top: -8px; } ` ], diff --git a/src/tooltip/tooltip-container.component.ts b/src/tooltip/tooltip-container.component.ts index 8e32af0001..66a65fe61f 100644 --- a/src/tooltip/tooltip-container.component.ts +++ b/src/tooltip/tooltip-container.component.ts @@ -23,9 +23,11 @@ import { isBs3 } from '../utils/theme-provider'; } :host.bs-tooltip-top .arrow, :host.bs-tooltip-bottom .arrow { left: 50%; + margin-left: -6px; } :host.bs-tooltip-left .arrow, :host.bs-tooltip-right .arrow { top: 50%; + margin-top: -6px; } ` ],