38
38
bottom : 0 ;
39
39
left : 0 ;
40
40
min-width : 0 ;
41
+ pointer-events : none ;
41
42
position : fixed ;
42
43
right : 0 ;
43
44
top : 0 ;
44
45
visibility : hidden ;
45
- pointer-events : none ;
46
46
& ._show {
47
47
visibility : visible ;
48
48
.modal-inner-wrap {
49
49
-webkit-transform : translate (0 , 0 );
50
- transform : translate (0 , 0 );
50
+ transform : translate (0 , 0 );
51
51
}
52
52
}
53
53
.modal-inner-wrap {
64
64
& ._show {
65
65
.modal-inner-wrap {
66
66
-webkit-transform : translateX (0 );
67
- transform : translateX (0 );
67
+ transform : translateX (0 );
68
68
}
69
69
}
70
70
.modal-inner-wrap {
71
71
height : 100% ;
72
72
overflow-y : auto ;
73
73
position : static ;
74
74
-webkit-transform : translateX (100% );
75
- transform : translateX (100% );
75
+ transform : translateX (100% );
76
76
transition-duration : .3s ;
77
- transition-timing-function : ease-in-out ;
78
77
-webkit-transition-property : -webkit-transform , visibility;
79
- transition-property : transform, visibility;
78
+ transition-property : transform, visibility;
79
+ transition-timing-function : ease-in-out ;
80
80
width : auto ;
81
81
}
82
82
}
88
88
& ._show {
89
89
.modal-inner-wrap {
90
90
-webkit-transform : translateY (0 );
91
- transform : translateY (0 );
91
+ transform : translateY (0 );
92
92
}
93
93
}
94
94
.modal-inner-wrap {
95
95
box-sizing : border-box ;
96
- .vendor-prefix-display (flex );
97
- .vendor-prefix-flex-direction (column );
98
96
height : auto ;
99
97
left : 0 ;
100
- right : 0 ;
101
98
margin : @modal-popup__indent-vertical auto ;
102
99
position : absolute ;
100
+ right : 0 ;
103
101
-webkit-transform : translateY (-200% );
104
- transform : translateY (-200% );
102
+ transform : translateY (-200% );
105
103
transition-duration : .2s ;
106
- transition-timing-function : ease ;
107
104
-webkit-transition-property : -webkit-transform , visibility;
108
- transition-property : transform, visibility;
105
+ transition-property : transform, visibility;
106
+ transition-timing-function : ease ;
107
+ .vendor-prefix-display (flex );
108
+ .vendor-prefix-flex-direction (column );
109
109
width : @modal-popup__width ;
110
110
}
111
111
}
@@ -136,9 +136,9 @@ body {
136
136
.abs-modal-slide ();
137
137
& ._inner-scroll {
138
138
.modal-inner-wrap {
139
+ overflow-y : visible ;
139
140
.vendor-prefix-display (flex );
140
141
.vendor-prefix-flex-direction (column );
141
- overflow-y : visible ;
142
142
}
143
143
.modal-header ,
144
144
.modal-footer {
@@ -158,8 +158,8 @@ body {
158
158
padding : 0 @modal-slide__padding @modal-slide__padding ;
159
159
}
160
160
.modal-header {
161
- padding-top : @modal-slide-header__padding-vertical ;
162
161
padding-bottom : @modal-slide-header__padding-vertical ;
162
+ padding-top : @modal-slide-header__padding-vertical ;
163
163
}
164
164
}
165
165
@@ -195,21 +195,21 @@ body {
195
195
.vendor-prefix-flex-shrink (0 );
196
196
}
197
197
.modal-header {
198
- padding-top : @modal-popup__padding ;
199
198
padding-bottom : @modal-popup__padding ;
199
+ padding-top : @modal-popup__padding ;
200
200
}
201
201
.modal-footer {
202
202
margin-top : auto ;
203
- padding-top : @modal-popup__padding ;
204
203
padding-bottom : @modal-popup__padding ;
204
+ padding-top : @modal-popup__padding ;
205
205
}
206
206
.modal-footer-actions {
207
207
text-align : right ;
208
208
}
209
209
& .confirm {
210
210
.modal-inner-wrap {
211
- margin-left : - (@modal-popup-confirm__width / 2 );
212
211
left : 50% ;
212
+ margin-left : - (@modal-popup-confirm__width / 2 );
213
213
width : @modal-popup-confirm__width ;
214
214
}
215
215
.modal-footer {
0 commit comments