fix(datepicker): improve right arrow css selector (#3931)

Now using `ngb-dp-arrow.right .ngb-dp-navigation-chevron` instead of `.right .ngb-dp-navigation-chevron`. Fixes #3872
ng-bootstrap · Jan 8, 2021 · 6790a3e · 6790a3e
1 parent 9dd3044
commit 6790a3e
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/datepicker/datepicker-navigation.scss b/src/datepicker/datepicker-navigation.scss
@@ -15,12 +15,6 @@ ngb-datepicker-navigation {
     transform: rotate(-135deg);
   }
 
-  .right &-navigation-chevron {
-    transform: rotate(45deg);
-    margin-left: 0.15em;
-    margin-right: 0.25em;
-  }
-
   &-arrow {
     display: flex;
     flex: 1 1 auto;
@@ -32,6 +26,12 @@ ngb-datepicker-navigation {
 
     &.right {
       justify-content: flex-end;
+
+      .ngb-dp-navigation-chevron {
+        transform: rotate(45deg);
+        margin-left: 0.15em;
+        margin-right: 0.25em;
+      }
     }
 
   }
@@ -67,4 +67,4 @@ ngb-datepicker-navigation {
     display: flex;
     flex: 1 1 9rem;
   }
-}
+}