From d986ef456f424c58f22ccd354d4e6750e5f1fff7 Mon Sep 17 00:00:00 2001 From: roll314 Date: Tue, 19 Mar 2019 13:43:53 +0300 Subject: [PATCH] fix(datepicker): incorrect styles using (#100) --- src/lib/datepicker/_datepicker-theme.scss | 12 ++++++++++++ src/lib/datepicker/calendar.scss | 10 ---------- src/lib/datepicker/datepicker-toggle.scss | 3 --- 3 files changed, 12 insertions(+), 13 deletions(-) diff --git a/src/lib/datepicker/_datepicker-theme.scss b/src/lib/datepicker/_datepicker-theme.scss index a0d771d0b..50a5f46bf 100644 --- 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 index 6808be183..8b9e1c0a6 100644 --- 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 index da84489c2..558ff1bbf 100644 --- 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 {