test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 03:29:39 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

💄 optimize RangePicker active cell style

Browse Source 
close #17878
close #13567
close #16872
This commit is contained in:
afc163 2019-07-30 17:10:49 +08:00
parent b71f2ec4bd
commit da741ecf84
2 changed files with 36 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
components/date-picker/style/Calendar.less
View File

@ -131,6 +131,18 @@
}
}
.calendar-selected-cell() {
.@{calendar-prefix-cls}-date {
color: @text-color-inverse;
background: @primary-color;
border: @border-width-base @border-style-base transparent;
&:hover {
background: @primary-color;
}
}
}
.@{calendar-prefix-cls} {
position: relative;
width: 280px;
@ -255,27 +267,19 @@
border-color: @primary-color;
}
&-selected-day &-date {
background: @primary-2;
}
&-selected-date {
.calendar-selected-cell;
}
&-last-month-cell &-date,
&-next-month-btn-day &-date {
color: @disabled-color;
}
&-selected-day &-date {
background: tint(@primary-color, 80%);
}
&-selected-date,
&-selected-start-date,
&-selected-end-date {
.@{calendar-prefix-cls}-date {
color: @text-color-inverse;
background: @primary-color;
border: @border-width-base @border-style-base transparent;
&:hover {
background: @primary-color;
}
}
color: @disabled-color !important;
background: transparent !important;;
border-color: transparent !important;;
}
&-disabled-cell &-date {

13
components/date-picker/style/RangePicker.less
View File

@ -84,6 +84,19 @@
transform: translateX(-50%);
}
.@{calendar-prefix-cls}-today {
.@{calendar-prefix-cls}-date {
color: @primary-color;
background: @primary-2;
border-color: @primary-color;
}
}
.@{calendar-prefix-cls}-selected-start-date,
.@{calendar-prefix-cls}-selected-end-date {
.calendar-selected-cell;
}
&.@{calendar-prefix-cls}-time &-right .@{calendar-prefix-cls}-date-input-wrap {
margin-left: 0;
}