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

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

View File

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

View File

@ -1,13 +1,17 @@
.@{calendar-prefix-cls}-month-panel {
left: 0;
top: 1px;
bottom: 0;
right: 0;
background: @component-background;
z-index: 10;
position: absolute;
outline: none;
top: 1px;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
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 {
@ -18,10 +22,14 @@
.calendarPanelHeader(~"@{calendar-prefix-cls}-month-panel");
}
.@{calendar-prefix-cls}-month-panel-body {
height: ~"calc(100% - 34px)";
}
.@{calendar-prefix-cls}-month-panel-table {
table-layout: fixed;
width: 100%;
height: 248px;
height: 100%;
border-collapse: separate;
}

View File

@ -1,13 +1,17 @@
.@{calendar-prefix-cls}-year-panel {
left: 0;
top: 1px;
bottom: 0;
right: 0;
background: @component-background;
z-index: 10;
position: absolute;
outline: none;
top: 1px;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
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 {
@ -18,10 +22,14 @@
.calendarPanelHeader(~"@{calendar-prefix-cls}-year-panel");
}
.@{calendar-prefix-cls}-year-panel-body {
height: ~"calc(100% - 34px)";
}
.@{calendar-prefix-cls}-year-panel-table {
table-layout: fixed;
width: 100%;
height: 248px;
height: 100%;
border-collapse: separate;
}