update TimePicker & BackTop
update TimePicker & BackTop
This commit is contained in:
parent
36628acaab
commit
2d94873892
9 changed files with 179 additions and 98 deletions
64
src/styles/components/time-picker.less
Normal file
64
src/styles/components/time-picker.less
Normal file
|
@ -0,0 +1,64 @@
|
|||
@time-picker-prefix-cls: ~"@{css-prefix}time-picker";
|
||||
.@{time-picker-prefix-cls} {
|
||||
&-cells{
|
||||
min-width: 112px;
|
||||
&-with-seconds{
|
||||
min-width: 168px;
|
||||
}
|
||||
|
||||
&-list{
|
||||
width: 56px;
|
||||
float: left;
|
||||
position: relative;
|
||||
max-height: 144px;
|
||||
overflow-y: auto;
|
||||
border-left: 1px solid @border-color-split;
|
||||
&:first-child{
|
||||
border-left: none;
|
||||
border-radius: @btn-border-radius 0 0 0;
|
||||
}
|
||||
&:last-child{
|
||||
border-radius: 0 @btn-border-radius 0 0;
|
||||
}
|
||||
ul{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0 0 120px 0;
|
||||
list-style: none;
|
||||
li{
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
margin: 0;
|
||||
padding: 0 0 0 16px;
|
||||
box-sizing: border-box;
|
||||
text-align: left;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
transition: background @transition-time @ease-in-out;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
&-cell{
|
||||
&:hover{
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
&-disabled {
|
||||
color: @btn-disable-color;
|
||||
cursor: @cursor-disabled;
|
||||
|
||||
&:hover {
|
||||
color: @btn-disable-color;
|
||||
background-color: #fff;
|
||||
cursor: @cursor-disabled;
|
||||
}
|
||||
}
|
||||
&-selected ,&-selected:hover{
|
||||
color: @primary-color;
|
||||
background: @background-color-select-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue