fix(datepicker): incorrect styles using (#100)

positive-js · Mar 19, 2019 · d986ef4 · d986ef4
1 parent 75fafbd
commit d986ef4
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 13 deletions.
diff --git a/src/lib/datepicker/_datepicker-theme.scss b/src/lib/datepicker/_datepicker-theme.scss
@@ -32,6 +32,10 @@ $mc-calendar-weekday-table-font-size: 11px !default;
     }
 
     .mc-datepicker-toggle__button.mc-icon-button {
+        border-color: transparent;
+        border-radius: 0;
+        background: transparent;
+
         .mc-icon {
             color: mc-color($second, 400);
         }
@@ -72,6 +76,14 @@ $mc-calendar-weekday-table-font-size: 11px !default;
 
     .mc-calendar__controls {
         .mc-button, .mc-icon-button {
+            border-radius: 0;
+            border-color: transparent;
+            background-color: transparent;
+
+            .mc-button-overlay {
+                z-index: -1;
+            }
+
             &:hover {
                 background: mc-color($second, A60);
             }

diff --git a/src/lib/datepicker/calendar.scss b/src/lib/datepicker/calendar.scss
@@ -33,16 +33,6 @@ $mc-calendar-next-icon-transform: translateX(-2px) rotate(45deg);
 .mc-calendar__controls {
     display: flex;
     margin: $mc-calendar-controls-vertical-padding $mc-calendar-controls-side-margin;
-
-    .mc-button, .mc-icon-button {
-        border-radius: 0;
-        border-color: transparent;
-        background-color: transparent;
-
-        .mc-button-overlay {
-            z-index: -1;
-        }
-    }
 }
 
 .mc-calendar-spacer {

diff --git a/src/lib/datepicker/datepicker-toggle.scss b/src/lib/datepicker/datepicker-toggle.scss
@@ -9,9 +9,6 @@ $mc-datepicker-toggle-height: 30px;
     width: $mc-datepicker-toggle-width;
     height: $mc-datepicker-toggle-height;
     margin-left: 2px;
-    border-color: transparent;
-    border-radius: 0;
-    background: transparent;
 }
 
 .mc-form-field-appearance-legacy {