fix: Datepicker styles (#6070)
This commit is contained in:
parent
d635c5f97d
commit
fa359537bb
4 changed files with 64 additions and 52 deletions
|
|
@ -91,7 +91,6 @@
|
|||
"public/js/frappe/ui/dialog.js"
|
||||
],
|
||||
"css/desk.min.css": [
|
||||
"public/js/lib/datepicker/datepicker.min.css",
|
||||
"public/js/lib/summernote/summernote.css",
|
||||
"public/js/lib/leaflet/leaflet.css",
|
||||
"public/js/lib/leaflet/leaflet.draw.css",
|
||||
|
|
@ -360,8 +359,7 @@
|
|||
"css/web_form.css": [
|
||||
"public/less/list.less",
|
||||
"website/css/web_form.css",
|
||||
"public/js/lib/summernote/summernote.css",
|
||||
"public/js/lib/datepicker/datepicker.min.css"
|
||||
"public/js/lib/summernote/summernote.css"
|
||||
],
|
||||
"js/print_format_v3.min.js": [
|
||||
"public/js/legacy/layout.js",
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
@import "mixins.less";
|
||||
@import "common.less";
|
||||
@import "awesomplete.less";
|
||||
@import "datepicker.less";
|
||||
|
||||
.unit-checkbox {
|
||||
color: #36414c;
|
||||
|
|
|
|||
62
frappe/public/less/datepicker.less
Normal file
62
frappe/public/less/datepicker.less
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
@import "variables.less";
|
||||
@import (less) "../js/lib/datepicker/datepicker.min.css";
|
||||
|
||||
.datepicker {
|
||||
font-family: inherit;
|
||||
z-index: 9999 !important;
|
||||
|
||||
&--time-current-hours, &--time-current-minutes, &--time-current-seconds {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
&--day-name {
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
&--cell {
|
||||
&.-current- {
|
||||
color: @brand-primary;
|
||||
|
||||
&.-in-range- {
|
||||
color: @brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
&.-range-from-, &.-range-to- {
|
||||
border: 1px solid fade(@brand-primary, 30%);
|
||||
background: fade(@brand-primary, 10%);
|
||||
}
|
||||
|
||||
&.-selected-, &.-current-.-selected- {
|
||||
background: @brand-primary;
|
||||
}
|
||||
|
||||
&.-in-range- {
|
||||
background: fade(@brand-primary, 5%);
|
||||
}
|
||||
|
||||
&.-in-range-.-focus- {
|
||||
background: fade(@brand-primary, 10%);
|
||||
}
|
||||
|
||||
&.-selected-.-focus- {
|
||||
background: fade(@brand-primary, 90%);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&--time-row {
|
||||
background-image: linear-gradient(to right, @border-color, @border-color);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 1px;
|
||||
background-position: left 50%;
|
||||
}
|
||||
|
||||
&--time-row:first-child {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker--button {
|
||||
color: @brand-primary;
|
||||
}
|
||||
|
|
@ -153,55 +153,6 @@ textarea.form-control {
|
|||
border-bottom: 1px solid @light-border-color;
|
||||
}
|
||||
|
||||
.datepicker {
|
||||
font-family: inherit;
|
||||
z-index: 9999 !important;
|
||||
|
||||
&--time-current-hours, &--time-current-minutes, &--time-current-seconds {
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
&--day-name {
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
&--cell {
|
||||
&.-current- {
|
||||
color: @brand-primary;
|
||||
|
||||
&.-in-range- {
|
||||
color: @brand-primary;
|
||||
}
|
||||
}
|
||||
|
||||
&.-range-from-, &.-range-to- {
|
||||
border: 1px solid fade(@brand-primary, 30%);
|
||||
background: fade(@brand-primary, 10%);
|
||||
}
|
||||
|
||||
&.-selected-, &.-current-.-selected- {
|
||||
background: @brand-primary;
|
||||
}
|
||||
|
||||
&.-in-range- {
|
||||
background: fade(@brand-primary, 5%);
|
||||
}
|
||||
|
||||
&.-in-range-.-focus- {
|
||||
background: fade(@brand-primary, 10%);
|
||||
}
|
||||
|
||||
&.-selected-.-focus- {
|
||||
background: fade(@brand-primary, 90%);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker--button {
|
||||
color: @brand-primary;
|
||||
}
|
||||
|
||||
.hidden-xs-inline, .hidden-xs-inline-block {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue