mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 03:22:59 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

fix: month/year panel of DatePicker[showToday=false], close: #5620 (#5635)

Browse Source
This commit is contained in:
Benjy Cui 2017-04-06 18:44:11 +08:00 committed by Wei Zhu
parent ebb3a7937a
commit b643aa752f
3 changed files with 44 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/date-picker/style/DecadePanel.less
View File

@ -1,13 +1,13 @@
.@{calendar-prefix-cls}-decade-panel { .@{calendar-prefix-cls}-decade-panel {
left: 0;
top: 0;
bottom: 0;
right: 0;
background: @component-background;
z-index: 10;
position: absolute; position: absolute;
outline: none; top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
background: @component-background;
border-radius: @border-radius-base; border-radius: @border-radius-base;
outline: none;
} }
.@{calendar-prefix-cls}-decade-panel-hidden { .@{calendar-prefix-cls}-decade-panel-hidden {
@ -18,10 +18,14 @@
.calendarPanelHeader(~"@{calendar-prefix-cls}-decade-panel"); .calendarPanelHeader(~"@{calendar-prefix-cls}-decade-panel");
} }
.@{calendar-prefix-cls}-decade-panel-body {
height: ~"calc(100% - 34px)";
}
.@{calendar-prefix-cls}-decade-panel-table { .@{calendar-prefix-cls}-decade-panel-table {
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
height: 248px; height: 100%;
border-collapse: separate; border-collapse: separate;
} }

24
components/date-picker/style/MonthPanel.less
View File

@ -1,13 +1,17 @@
.@{calendar-prefix-cls}-month-panel { .@{calendar-prefix-cls}-month-panel {
left: 0;
top: 1px;
bottom: 0;
right: 0;
background: @component-background;
z-index: 10;
position: absolute; position: absolute;
outline: none; top: 1px;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
border-radius: @border-radius-base; border-radius: @border-radius-base;
background: @component-background;
outline: none;
> div { // TODO: this is a useless wrapper, and we need to remove it in rc-calendar
height: 100%;
}
} }
.@{calendar-prefix-cls}-month-panel-hidden { .@{calendar-prefix-cls}-month-panel-hidden {
@ -18,10 +22,14 @@
.calendarPanelHeader(~"@{calendar-prefix-cls}-month-panel"); .calendarPanelHeader(~"@{calendar-prefix-cls}-month-panel");
} }
.@{calendar-prefix-cls}-month-panel-body {
height: ~"calc(100% - 34px)";
}
.@{calendar-prefix-cls}-month-panel-table { .@{calendar-prefix-cls}-month-panel-table {
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
height: 248px; height: 100%;
border-collapse: separate; border-collapse: separate;
} }

24
components/date-picker/style/YearPanel.less
View File

@ -1,13 +1,17 @@
.@{calendar-prefix-cls}-year-panel { .@{calendar-prefix-cls}-year-panel {
left: 0;
top: 1px;
bottom: 0;
right: 0;
background: @component-background;
z-index: 10;
position: absolute; position: absolute;
outline: none; top: 1px;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
border-radius: @border-radius-base; border-radius: @border-radius-base;
background: @component-background;
outline: none;
> div { // TODO: this is a useless wrapper, and we need to remove it in rc-calendar
height: 100%;
}
} }
.@{calendar-prefix-cls}-year-panel-hidden { .@{calendar-prefix-cls}-year-panel-hidden {
@ -18,10 +22,14 @@
.calendarPanelHeader(~"@{calendar-prefix-cls}-year-panel"); .calendarPanelHeader(~"@{calendar-prefix-cls}-year-panel");
} }
.@{calendar-prefix-cls}-year-panel-body {
height: ~"calc(100% - 34px)";
}
.@{calendar-prefix-cls}-year-panel-table { .@{calendar-prefix-cls}-year-panel-table {
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
height: 248px; height: 100%;
border-collapse: separate; border-collapse: separate;
} }