132 lines
2.3 KiB
Plaintext
132 lines
2.3 KiB
Plaintext
@input-box-height: 35px;
|
|
|
|
.@{prefixClass}-range {
|
|
width: 502px;
|
|
overflow: hidden;
|
|
|
|
&-part {
|
|
width: 250px;
|
|
position: relative;
|
|
|
|
.@{prefixClass}-time-picker {
|
|
top: 69px;
|
|
&-panel {
|
|
&-select {
|
|
width: 77px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&-left {
|
|
float: left;
|
|
.@{prefixClass}-time-picker-panel {
|
|
&-select:last-child {
|
|
border-right: 1px solid #e9e9e9;
|
|
}
|
|
}
|
|
}
|
|
|
|
&-right {
|
|
float: right;
|
|
.@{prefixClass}-time-picker-panel {
|
|
left: 21px;
|
|
|
|
&-select:first-child {
|
|
border-left: 1px solid #e9e9e9;
|
|
}
|
|
}
|
|
}
|
|
|
|
&-middle {
|
|
position: absolute;
|
|
margin-left: -10px;
|
|
text-align: center;
|
|
height: @input-box-height;
|
|
line-height: @input-box-height;
|
|
}
|
|
.@{prefixClass}-date-panel::after {
|
|
content: '.';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.@{prefixClass}-input-wrap {
|
|
height: @input-box-height;
|
|
}
|
|
.@{prefixClass}-input,
|
|
.@{timePickerClass}-input {
|
|
padding: 1px 7px;
|
|
height: 22px;
|
|
}
|
|
|
|
.@{prefixClass}-body,
|
|
.@{prefixClass}-decade-panel-body,
|
|
.@{prefixClass}-year-panel-body,
|
|
.@{prefixClass}-month-panel-body {
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
|
|
&.@{prefixClass}-week-number {
|
|
width: 574px;
|
|
|
|
.@{prefixClass}-range {
|
|
&-part {
|
|
width: 286px;
|
|
.@{prefixClass}-time-picker {
|
|
top: 69px;
|
|
&-panel {
|
|
&-select {
|
|
width: 89px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&-right {
|
|
.@{prefixClass}-time-picker-panel {
|
|
left: 36px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.@{prefixClass}-year-panel,
|
|
.@{prefixClass}-month-panel,
|
|
.@{prefixClass}-decade-panel {
|
|
top: @input-box-height;
|
|
}
|
|
.@{prefixClass}-month-panel .@{prefixClass}-year-panel {
|
|
top: 0;
|
|
}
|
|
.@{prefixClass}-decade-panel-table,
|
|
.@{prefixClass}-year-panel-table,
|
|
.@{prefixClass}-month-panel-table {
|
|
height: 198px;
|
|
}
|
|
|
|
.@{prefixClass}-in-range-cell {
|
|
background: #ebf4f8;
|
|
border-radius: 0;
|
|
}
|
|
|
|
&-bottom {
|
|
text-align: right;
|
|
}
|
|
|
|
.@{prefixClass}-footer {
|
|
border-top: none;
|
|
padding: 0;
|
|
&-btn {
|
|
padding: 10px 12px 10px 0;
|
|
}
|
|
}
|
|
.@{prefixClass}-ok-btn {
|
|
position: static;
|
|
}
|
|
.@{prefixClass}-today-btn {
|
|
float: left;
|
|
}
|
|
}
|