You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
2.7 KiB
130 lines
2.7 KiB
4 years ago
|
.enable_plugin_datetime() when(@enable-plugin-datetime = true) {
|
||
|
|
// date & time picker
|
||
|
|
.datepicker , .daterangepicker {
|
||
|
|
td , th { .border-radius(0) !important; font-size: @baseFontSize; }
|
||
|
|
|
||
|
|
td.active {
|
||
|
|
& , &:hover { background:@datepicker-active-bg !important; }
|
||
|
|
|
||
|
|
&.disabled {
|
||
|
|
& , &:hover { background:@datepicker-disabled-bg !important; }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.datepicker {
|
||
|
|
td , th { min-width: 32px; }
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-bottom {
|
||
|
|
&:after, &:before {
|
||
|
|
top: auto;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.daterangepicker .calendar-date {
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.datepicker-months .month , .datepicker-years .year {
|
||
|
|
border-radius:0 !important;
|
||
|
|
}
|
||
|
|
.datepicker-months .month.active , .datepicker-years .year.active {
|
||
|
|
& , &:hover , &:focus, &:active {
|
||
|
|
background-image: none !important;
|
||
|
|
background-color: @datepicker-active-bg !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.bootstrap-timepicker-widget table td input {
|
||
|
|
width: 32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.well .datepicker table tr td.day:hover {
|
||
|
|
background-color: @datepicker-active-bg2;
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-timepicker-widget table td a:hover {
|
||
|
|
.border-radius(0);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.daterangepicker.opensleft, .daterangepicker.opensright {
|
||
|
|
&:before {
|
||
|
|
-moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
&:after {
|
||
|
|
-moz-border-bottom-colors: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.datepicker-dropdown:before {
|
||
|
|
-moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
.datepicker-dropdown:after {
|
||
|
|
-moz-border-bottom-colors: #fff;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-bottom:before {
|
||
|
|
-moz-border-top-colors: #999;
|
||
|
|
}
|
||
|
|
.datepicker-dropdown.datepicker-orient-bottom:after {
|
||
|
|
-moz-border-top-colors: #FFF;
|
||
|
|
}
|
||
|
|
.bootstrap-timepicker-widget.dropdown-menu:before {
|
||
|
|
-moz-border-bottom-colors: rgba(0,0,0,0.2);
|
||
|
|
}
|
||
|
|
.bootstrap-timepicker-widget.dropdown-menu:after {
|
||
|
|
-moz-border-bottom-colors: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
|
||
|
|
-moz-border-top-colors: #999;
|
||
|
|
}
|
||
|
|
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
|
||
|
|
-moz-border-top-colors: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
//date time picker
|
||
|
|
.bootstrap-datetimepicker-widget [class=btn] {
|
||
|
|
border-width: 0 !important;
|
||
|
|
background-color: transparent !important;
|
||
|
|
color: #777 !important;
|
||
|
|
|
||
|
|
text-shadow: none !important;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
color: #1B6AAA !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.bootstrap-datetimepicker-widget .btn.btn-primary {
|
||
|
|
border-width: 3px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .picker-switch {
|
||
|
|
margin-bottom: 2px;
|
||
|
|
.btn {
|
||
|
|
width: 90% !important;
|
||
|
|
background-color: #EEE !important;
|
||
|
|
color: @ace-blue !important;
|
||
|
|
font-size: 16px;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background-color: desaturate(lighten(@btn-primary , 40%) , 10%) !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.bootstrap-datetimepicker-widget td span {
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.bootstrap-datetimepicker-widget {
|
||
|
|
.timepicker-hour, .timepicker-minute, .timepicker-second {
|
||
|
|
color: #555 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
.enable_plugin_datetime();
|