fix(tooltip-popover): fix arrow position for bs4 (#3784)

- Added new indents for bs4 arrow, because of new positioning in original bs4
valor-software · Mar 13, 2018 · 0b1d8e7 · 0b1d8e7
1 parent 898251d
commit 0b1d8e7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git 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
@@ -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;
     }
   `
   ],