fix(popover/tooltip): use translate for relative offset positioning f…

…or tooltip and popover arrows (#4850) fixes #4849
valor-software · Dec 12, 2018 · 92efe9a · 92efe9a
1 parent 8c3cb31
commit 92efe9a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/popover/popover-container.component.ts b/src/popover/popover-container.component.ts
@@ -17,11 +17,11 @@ import { isBs3 } from 'ngx-bootstrap/utils';
     `
     :host.bs-popover-top .arrow, :host.bs-popover-bottom .arrow {
       left: 50%;
-      margin-left: -8px;
+      transform: translateX(-50%);
     }
     :host.bs-popover-left .arrow, :host.bs-popover-right .arrow {
       top: 50%;
-      margin-top: -8px;
+      transform: translateY(-50%);
     }
   `
   ],

diff --git a/src/tooltip/tooltip-container.component.ts b/src/tooltip/tooltip-container.component.ts
@@ -25,11 +25,11 @@ import { isBs3 } from 'ngx-bootstrap/utils';
     }
     :host.bs-tooltip-top .arrow, :host.bs-tooltip-bottom .arrow {
       left: 50%;
-      margin-left: -6px;
+      transform: translateX(-50%);
     }
     :host.bs-tooltip-left .arrow, :host.bs-tooltip-right .arrow {
       top: 50%;
-      margin-top: -6px;
+      transform: translateY(-50%);
     }
   `
   ],