blob: 708b2466d6d7f9cadcaf1859d8c877c957eef5de [file] [log] [blame]
//
// Bootstrap-Datepicker
// --------------------------------------------------
.bootstrap-datepicker.form-control[readonly] {
background-color: @input-bg;
border-color: @input-border !important;
color: @input-color;
.box-shadow(inset 0 1px 1px fade(@color-pf-black, 7.5%));
.form-control-focus();
&:focus {
border-color: @input-border-focus !important;
.has-error & {
border-color: darken(@state-danger-text, 10%);
@shadow: inset 0 1px 1px fade(@color-pf-black, 7.5%), 0 0 6px lighten(@state-danger-text, 20%);
.box-shadow(@shadow);
}
.has-success & {
border-color: darken(@state-success-text, 10%);
@shadow: inset 0 1px 1px fade(@color-pf-black, 7.5%), 0 0 6px lighten(@state-success-text, 20%);
.box-shadow(@shadow);
}
.has-warning & {
border-color: darken(@state-warning-text, 10%);
@shadow: inset 0 1px 1px fade(@color-pf-black, 7.5%), 0 0 6px lighten(@state-warning-text, 20%);
.box-shadow(@shadow);
}
}
&:hover {
border-color: @input-border-hover !important;
.has-error & {
border-color: darken(@state-danger-text, 10%) !important;
}
.has-success & {
border-color: darken(@state-success-text, 10%) !important;
}
.has-warning & {
border-color: darken(@state-warning-text, 10%) !important;
}
}
.has-error & {
border-color: @state-danger-text !important;
}
.has-success & {
border-color: @state-success-text !important;
}
.has-warning & {
border-color: @state-warning-text !important;
}
}
.datepicker {
border-radius: @border-radius-base;
.datepicker-switch,
tfoot .clear,
tfoot .today {
font-size: @font-size-large;
font-weight: 500;
}
.next,
.prev {
font-weight: 500;
}
table tr {
td,
th {
border-radius: @border-radius-base;
}
td {
&.active,
&.active:hover,
&.active.disabled,
&.active.disabled:hover {
background: @dropdown-link-active-bg !important;
color: @color-pf-white !important;
text-shadow: none;
}
&.day:hover,
&.day.focused {
background: @dropdown-link-hover-bg;
}
&.selected,
&.selected:hover,
&.selected.disabled,
&.selected.disabled:hover {
text-shadow: none;
}
span {
border-radius: @border-radius-base;
&.active,
&.active:hover,
&.active.disabled,
&.active.disabled:hover {
background: @dropdown-link-active-bg;
text-shadow: none;
}
&:hover {
background: @dropdown-link-hover-bg;
}
}
}
}
thead tr:first-child th,
tfoot tr th {
&:hover {
background: @dropdown-link-hover-bg;
}
}
}
.input-daterange {
input:first-child {
border-radius: @border-radius-base 0 0 @border-radius-base;
}
input:last-child {
border-radius: 0 @border-radius-base @border-radius-base 0;
}
.input-group-addon {
background-color: @input-group-addon-bg;
border-color: @input-group-addon-border-color;
line-height: @line-height-base;
padding: @padding-base-vertical @padding-base-horizontal;
}
}