update DatePicker
update DatePicker
This commit is contained in:
parent
e0cd7f909a
commit
3cf7cfd1de
6 changed files with 319 additions and 34 deletions
|
@ -1,6 +1,8 @@
|
|||
@date-picker-prefix-cls: ~"@{css-prefix}date-picker";
|
||||
@picker-prefix-cls: ~"@{css-prefix}picker";
|
||||
|
||||
@date-picker-cells-width: 196px;
|
||||
|
||||
.@{date-picker-prefix-cls} {
|
||||
position: relative;
|
||||
.@{select-dropdown-prefix-cls} {
|
||||
|
@ -10,7 +12,7 @@
|
|||
max-height: none;
|
||||
}
|
||||
&-cells{
|
||||
width: 196px;
|
||||
width: @date-picker-cells-width;
|
||||
margin: 10px;
|
||||
span{
|
||||
display: inline-block;
|
||||
|
@ -81,7 +83,27 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
&-selected,&-selected:hover {
|
||||
&-range{
|
||||
position: relative;
|
||||
em{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
&:before{
|
||||
content: '';
|
||||
display: block;
|
||||
background: @date-picker-cell-hover-bg;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
bottom: 2px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
&-selected,&-selected:hover
|
||||
{
|
||||
em{
|
||||
background: @primary-color;
|
||||
color: #fff;
|
||||
|
@ -93,7 +115,8 @@
|
|||
color: @btn-disable-bg;
|
||||
}
|
||||
}
|
||||
&-today&-selected{
|
||||
&-today&-selected
|
||||
{
|
||||
em{
|
||||
&:after{
|
||||
background: #fff;
|
||||
|
@ -151,6 +174,17 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-with-range{
|
||||
.@{picker-prefix-cls}-panel{
|
||||
&-body{
|
||||
min-width: (@date-picker-cells-width + 20) * 2;
|
||||
}
|
||||
&-content{
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.@{picker-prefix-cls} {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue