File tree Expand file tree Collapse file tree 2 files changed +7
-43
lines changed Expand file tree Collapse file tree 2 files changed +7
-43
lines changed Original file line number Diff line number Diff line change @@ -33,27 +33,6 @@ export default {
33
33
required: true ,
34
34
},
35
35
},
36
- data () {
37
- return {
38
- cellHeight: 0 ,
39
- }
40
- },
41
- computed: {
42
- wrapperHeight () {
43
- const columns = this .view === ' day' ? 7 : 3
44
- const rows = Math .ceil (this .cells .length / columns)
45
-
46
- return rows * this .cellHeight
47
- },
48
- },
49
- watch: {
50
- wrapperHeight () {
51
- this .$parent .$refs .cellsWrapper .style .height = ` ${ this .wrapperHeight } px`
52
- },
53
- },
54
- mounted () {
55
- this .cellHeight = this .getCellHeight ()
56
- },
57
36
methods: {
58
37
/**
59
38
* Set the classes for a specific cell
@@ -82,22 +61,6 @@ export default {
82
61
},
83
62
]
84
63
},
85
-
86
- /**
87
- * Get the cell height
88
- */
89
- /* eslint no-param-reassign: 0 */
90
- getCellHeight () {
91
- const popup = this .$parent .$parent .$el
92
- const originalDisplay = popup .style .display
93
- const originalVisibility = popup .style .visibility
94
- popup .style .display = ' block'
95
- popup .style .visibility = ' hidden'
96
- const height = this .$el .children [0 ].offsetHeight
97
- popup .style .display = originalDisplay
98
- popup .style .visibility = originalVisibility
99
- return height
100
- },
101
64
},
102
65
}
103
66
</script >
Original file line number Diff line number Diff line change 194
194
.cells-wrapper {
195
195
overflow : hidden ;
196
196
position : relative ;
197
- transition-duration : 250ms ;
198
- transition-timing-function : ease-in-out ;
199
197
200
198
.picker-cells {
201
- transition-duration : 250ms ;
202
- transition-timing-function : ease-in-out ;
199
+ transition : all 250ms ease-in-out ;
203
200
}
204
201
}
205
202
206
- .slide-right-leave-active ,
207
203
.slide-right-enter-active {
204
+ top : 0 ;
205
+ }
206
+ .slide-right-leave-active {
208
207
position : absolute ;
209
208
top : 0 ;
210
209
}
215
214
transform : translate (-100% , 0 );
216
215
}
217
216
218
- .slide-left-leave-active ,
219
217
.slide-left-enter-active {
218
+ top : 0 ;
219
+ }
220
+ .slide-left-leave-active {
220
221
position : absolute ;
221
222
top : 0 ;
222
223
}
You can’t perform that action at this time.
0 commit comments