fix(popover): apply arrow styles to direct descendant (#3288)

ng-bootstrap · Jul 16, 2019 · 0b3ad65 · 0b3ad65
1 parent 19b8164
commit 0b3ad65
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/popover/popover.scss b/src/popover/popover.scss
@@ -2,36 +2,36 @@
 $arrow-size: 1rem;
 
 ngb-popover-window {
-  &.bs-popover-top .arrow,
-  &.bs-popover-bottom .arrow {
+  &.bs-popover-top > .arrow,
+  &.bs-popover-bottom > .arrow {
     left: 50%;
     margin-left: -$arrow-size / 2;
   }
 
-  &.bs-popover-top-left .arrow,
-  &.bs-popover-bottom-left .arrow {
+  &.bs-popover-top-left > .arrow,
+  &.bs-popover-bottom-left > .arrow {
     left: 2em;
   }
 
-  &.bs-popover-top-right .arrow,
-  &.bs-popover-bottom-right .arrow {
+  &.bs-popover-top-right > .arrow,
+  &.bs-popover-bottom-right > .arrow {
     left: auto;
     right: 2em;
   }
 
-  &.bs-popover-left .arrow,
-  &.bs-popover-right .arrow {
+  &.bs-popover-left > .arrow,
+  &.bs-popover-right > .arrow {
     top: 50%;
     margin-top: -$arrow-size / 2;
   }
 
-  &.bs-popover-left-top .arrow,
-  &.bs-popover-right-top .arrow {
+  &.bs-popover-left-top > .arrow,
+  &.bs-popover-right-top > .arrow {
     top: 0.7em;
   }
 
-  &.bs-popover-left-bottom .arrow,
-  &.bs-popover-right-bottom .arrow {
+  &.bs-popover-left-bottom > .arrow,
+  &.bs-popover-right-bottom > .arrow {
     top: auto;
     bottom: 0.7em;
   }