fix: #4561 remove triangle-arrow- mixin

Hacker0x01 · Mar 17, 2024 · bfa9ee5 · bfa9ee5
1 parent 8ef2eef
commit bfa9ee5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 15 deletions.
diff --git a/src/stylesheets/datepicker.scss b/src/stylesheets/datepicker.scss
@@ -39,15 +39,21 @@
   // Eliminating extra space at the bottom of the container
   line-height: 0;
 
+  .react-datepicker__triangle {
+    stroke: $datepicker__border-color;
+  }
+
   &[data-placement^="bottom"] {
     .react-datepicker__triangle {
-      @extend %triangle-arrow-up;
+      fill: $datepicker__background-color;
+      color: $datepicker__background-color;
     }
   }
 
   &[data-placement^="top"] {
     .react-datepicker__triangle {
-      @extend %triangle-arrow-down;
+      fill: #fff;
+      color: #fff;
     }
   }
 }

diff --git a/src/stylesheets/mixins.scss b/src/stylesheets/mixins.scss
@@ -15,15 +15,3 @@
     cursor: default;
   }
 }
-
-%triangle-arrow-up {
-  fill: $datepicker__background-color;
-  color: $datepicker__background-color;
-  stroke: $datepicker__border-color;
-}
-
-%triangle-arrow-down {
-  fill: #fff;
-  color: #fff;
-  stroke: $datepicker__border-color;
-}
diff --git a/src/stylesheets/variables.scss b/src/stylesheets/variables.scss
@@ -17,4 +17,3 @@ $datepicker__font-family: "Helvetica Neue", helvetica, arial, sans-serif !defaul
 $datepicker__item-size: 1.7rem !default;
 $datepicker__margin: 0.4rem !default;
 $datepicker__navigation-button-size: 32px !default;
-$datepicker__triangle-size: 8px !default;