Add back calendar auto adjust style

This commit is contained in:
afc163
2015-11-11 17:08:31 +08:00
parent f588e480df
commit 547db94de3
4 changed files with 25 additions and 30 deletions
-5
View File
@@ -20,13 +20,8 @@ function createPicker(TheCalendar) {
onChange() {
}, // onChange 可用于 Validator
locale: {},
// 自动换方向有很多视觉和交互问题
// 需求不是很大,和设计师协商后不做
align: {
points: ['tl', 'tl'],
overflow: {adjustX: 0, adjustY: 0},
offset: [0, -10],
targetOffset: [0, 0]
}
};
},
+1 -1
View File
@@ -38,7 +38,7 @@
"gregorian-calendar-format": "~4.0.4",
"object-assign": "~4.0.1",
"rc-animate": "~2.0.0",
"rc-calendar": "~4.0.0-alpha15",
"rc-calendar": "4.0.0-alpha15",
"rc-checkbox": "~1.1.1",
"rc-collapse": "~1.4.0",
"rc-dialog": "~5.2.0",
-24
View File
@@ -271,28 +271,4 @@
bottom: 9px;
right: 9px;
}
&.slide-up-enter.slide-up-enter-active&-placement-topLeft,
&.slide-up-enter.slide-up-enter-active&-placement-topRight,
&.slide-up-appear.slide-up-appear-active&-placement-topLeft,
&.slide-up-appear.slide-up-appear-active&-placement-topRight {
animation-name: antSlideUpIn;
}
&.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
&.slide-up-enter.slide-up-enter-active&-placement-bottomRight,
&.slide-up-appear.slide-up-appear-active&-placement-bottomLeft,
&.slide-up-appear.slide-up-appear-active&-placement-bottomRight {
animation-name: antSlideDownIn;
}
&.slide-up-leave.slide-up-leave-active&-placement-topLeft,
&.slide-up-leave.slide-up-leave-active&-placement-topRight {
animation-name: antSlideUpOut;
}
&.slide-up-leave.slide-up-leave-active&-placement-bottomLeft,
&.slide-up-leave.slide-up-leave-active&-placement-bottomRight {
animation-name: antSlideDownOut;
}
}
+24
View File
@@ -1,6 +1,30 @@
.@{calendar-prefix-cls}-picker-container {
position: absolute;
z-index: 1070;
&.slide-up-enter.slide-up-enter-active&-placement-topLeft,
&.slide-up-enter.slide-up-enter-active&-placement-topRight,
&.slide-up-appear.slide-up-appear-active&-placement-topLeft,
&.slide-up-appear.slide-up-appear-active&-placement-topRight {
animation-name: antSlideDownIn;
}
&.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
&.slide-up-enter.slide-up-enter-active&-placement-bottomRight,
&.slide-up-appear.slide-up-appear-active&-placement-bottomLeft,
&.slide-up-appear.slide-up-appear-active&-placement-bottomRight {
animation-name: antSlideUpIn;
}
&.slide-up-leave.slide-up-leave-active&-placement-topLeft,
&.slide-up-leave.slide-up-leave-active&-placement-topRight {
animation-name: antSlideDownOut;
}
&.slide-up-leave.slide-up-leave-active&-placement-bottomLeft,
&.slide-up-leave.slide-up-leave-active&-placement-bottomRight {
animation-name: antSlideUpOut;
}
}
.@{calendar-prefix-cls}-picker {