shlink-web-client/src/utils/DateInput.scss

56 lines
1,022 B
SCSS
Raw Normal View History

2018-11-01 11:05:20 +03:00
@import './mixins/vertical-align';
@import './base';
2018-07-31 22:24:34 +03:00
.date-input-container {
position: relative;
}
.date-input-container__input {
padding-right: 35px !important;
2020-04-10 13:25:06 +03:00
}
2020-04-10 13:25:06 +03:00
.date-input-container__input:not(:disabled) {
background-color: var(--primary-color) !important;
}
.card .date-input-container__input:not(:disabled) {
background-color: var(--input-color) !important;
2018-07-31 22:24:34 +03:00
}
.date-input-container__icon {
@include vertical-align();
2018-08-25 16:59:51 +03:00
2018-08-09 21:13:46 +03:00
right: .75rem;
2018-07-31 22:24:34 +03:00
cursor: pointer;
}
2018-08-09 21:13:46 +03:00
.react-datepicker__close-icon.react-datepicker__close-icon {
@include vertical-align();
2018-08-25 16:59:51 +03:00
2018-08-09 21:13:46 +03:00
right: 0;
}
2018-08-25 16:59:51 +03:00
.react-datepicker__close-icon.react-datepicker__close-icon:after {
2018-08-09 21:13:46 +03:00
right: .75rem;
line-height: 11px;
2020-09-06 11:17:46 +03:00
background-color: #333333;
2018-08-09 21:13:46 +03:00
font-size: 14px;
}
.react-datepicker__input-container,
.react-datepicker-wrapper {
display: block !important;
}
.react-datepicker-popper {
z-index: 2;
}
.react-datepicker__day--keyboard-selected {
background-color: $mainColor;
&:hover {
background-color: darken($mainColor, 12%);
}
}