mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 16:06:28 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

adjust date-picker style as design

Browse Source
This commit is contained in:
afc163 2015-12-25 14:52:41 +08:00
parent 164fc24ddd
commit e51a1016d8
5 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
style/components/datepicker/Calendar.less
View File

@ -69,7 +69,7 @@
.@{calendar-prefix-cls} {
position: relative;
outline: none;
width: 253px;
width: 231px;
border: 1px solid @border-color-base;
list-style: none;
font-size: @font-size-base;
@ -107,7 +107,7 @@
}
&-calendar-body {
padding: 5px 8px;
padding: 4px 8px;
}
table {
@ -153,10 +153,11 @@
display: block;
margin: 0 auto;
color: #666;
border-radius: 4px 4px;
border-radius: 4px;
width: 20px;
height: 20px;
line-height: 18px;
border: 1px solid transparent;
padding: 0;
background: transparent;
text-align: center;
@ -173,9 +174,9 @@
}
&-today &-date {
border: 1px solid tint(@primary-color, 50%);
line-height: 18px;
background: tint(@primary-color, 90%);
border-color: @primary-color;
font-weight: bold;
color: @primary-color;
}
&-selected-day &-date {
@ -217,15 +218,15 @@
&-footer {
padding: 0 15px;
height: 42px;
line-height: 42px;
height: 38px;
line-height: 38px;
border-top: 1px solid @border-color-split;
}
&-footer-btn {
text-align: center;
display: block;
line-height: 42px;
line-height: 38px;
}
&-footer > div {

2
style/components/datepicker/MonthPanel.less
View File

@ -1,6 +1,6 @@
.@{calendar-prefix-cls}-month-panel {
left: 0;
top: 0;
top: 34px;
bottom: 0;
right: 0;
background: #fff;

4
style/components/datepicker/RangePicker.less
View File

@ -18,11 +18,11 @@
}
.@{calendar-prefix-cls}-range {
width: 502px;
width: 470px;
overflow: hidden;
&-part {
width: 250px;
width: 231px;
position: relative;
}

2
style/components/datepicker/TimePicker.less
View File

@ -12,7 +12,7 @@
}
&-picker-wrap {
position: absolute;
left: 108px;
left: 106px;
top: 6px;
}
}

2
style/components/datepicker/YearPanel.less
View File

@ -1,6 +1,6 @@
.@{calendar-prefix-cls}-year-panel {
left: 0;
top: 0;
top: 34px;
bottom: 0;
right: 0;
background: #fff;