mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00
Code Issues Actions 25 Packages Projects Releases Wiki Activity

update datepicker style

Browse Source
This commit is contained in:
afc163 2015-06-17 21:20:43 +08:00
parent 8a0843a2d3
commit 5a14501bcd
8 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/datepicker/demo/time.md
View File

@ -10,7 +10,7 @@
var Datepicker = antd.Datepicker;
React.render(
<Datepicker showTime={true} format="yyyy/MM/dd HH:mm:ss" />
<Datepicker showTime={true} format="yyyy-MM-dd HH:mm:ss" />
, document.getElementById('components-datepicker-demo-time'));
````

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

@ -95,7 +95,7 @@
}
&-calendar-body {
padding: 5px 10px;
padding: 5px 8px;
}
table {
@ -148,21 +148,25 @@
text-align: center;
&:hover {
background: fadeout(#3fc7fa, 90%);
background: fadeout(#2db7f5, 90%);
cursor: pointer;
}
&:active {
color: #fff;
background: fadeout(#2db7f5, 80%);
}
}
&-today &-date {
color: #3fc7fa;
color: #2db7f5;
}
&-selected-day &-date {
background: #3fc7fa;
background: #2db7f5;
color: #fff;
&:hover {
background: #3fc7fa;
background: #2db7f5;
}
}

6
style/components/datepicker/DecadePanel.less
View File

@ -40,17 +40,17 @@
border-radius: 4px;
&:hover {
background: #ebfaff;
background: fadeout(#2db7f5, 90%);
cursor: pointer;
}
}
.@{prefixCalendarClass}-decade-panel-selected-cell .@{prefixCalendarClass}-decade-panel-decade {
background: #3fc7fa;
background: #2db7f5;
color: #fff;
&:hover {
background: #3fc7fa;
background: #2db7f5;
color: #fff;
}
}

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

@ -1,6 +1,6 @@
.@{prefixCalendarClass}-month-panel {
left: 0px;
top:0px;
top: 0px;
bottom: 0px;
right: 0px;
background: #ffffff;
@ -40,17 +40,17 @@
border-radius: 4px;
&:hover {
background: #ebfaff;
background: fadeout(#2db7f5, 90%);
cursor: pointer;
}
}
.@{prefixCalendarClass}-month-panel-selected-cell .@{prefixCalendarClass}-month-panel-month {
background: #3fc7fa;
background: #2db7f5;
color: #fff;
&:hover {
background: #3fc7fa;
background: #2db7f5;
color: #fff;
}
}

3
style/components/datepicker/Picker.less
View File

@ -38,7 +38,4 @@
border-color: #23c0fa;
box-shadow: 0 0 3px #23c0fa;
}
&-open &-icon:after {
color: @primary-color;
}
}

6
style/components/datepicker/TimePanel.less
View File

@ -55,18 +55,18 @@
color: #666;
&:hover {
background: #ebfaff;
background: fadeout(#2db7f5, 90%);
cursor: pointer;
}
}
.@{prefixCalendarClass}-time-panel-selected-cell .@{prefixCalendarClass}-time-panel-time {
background: #3fc7fa;
background: #2db7f5;
color: #fff;
&:hover {
background: #3fc7fa;
background: #2db7f5;
color: #fff;
}
}

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

@ -40,17 +40,17 @@
border-radius: 4px;
&:hover {
background: #ebfaff;
background: fadeout(#2db7f5, 90%);
cursor: pointer;
}
}
.@{prefixCalendarClass}-year-panel-selected-cell .@{prefixCalendarClass}-year-panel-year {
background: #3fc7fa;
background: #2db7f5;
color: #fff;
&:hover {
background: #3fc7fa;
background: #2db7f5;
color: #fff;
}
}

2
style/themes/default/custom.less
View File

@ -19,7 +19,7 @@
// LINK
@link-color : #00abea;
@link-hover-color : #23C0FA;
@link-hover-color : fadeout(#00abea, 30%);
@link-hover-decoration : none;
// Disabled cursor for form controls and buttons.