5
5
.leaflet-marker-icon ,
6
6
.leaflet-marker-shadow ,
7
7
.leaflet-tile-container ,
8
- .leaflet-map- pane svg ,
9
- .leaflet-map- pane canvas ,
8
+ .leaflet-pane > svg ,
9
+ .leaflet-pane > canvas ,
10
10
.leaflet-zoom-box ,
11
11
.leaflet-image-layer ,
12
12
.leaflet-layer {
43
43
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
44
44
.leaflet-container .leaflet-overlay-pane svg ,
45
45
.leaflet-container .leaflet-marker-pane img ,
46
+ .leaflet-container .leaflet-shadow-pane img ,
46
47
.leaflet-container .leaflet-tile-pane img ,
47
- .leaflet-container img .leaflet-image-layer {
48
+ .leaflet-container img .leaflet-image-layer ,
49
+ .leaflet-container .leaflet-tile {
48
50
max-width : none !important ;
51
+ max-height : none !important ;
49
52
}
50
53
51
54
.leaflet-container .leaflet-touch-zoom {
54
57
}
55
58
.leaflet-container .leaflet-touch-drag {
56
59
-ms-touch-action : pinch-zoom;
57
- }
58
- .leaflet-container .leaflet-touch-drag .leaflet-touch-drag {
60
+ /* Fallback for FF which doesn't support pinch-zoom */
61
+ touch-action : none;
62
+ touch-action : pinch-zoom;
63
+ }
64
+ .leaflet-container .leaflet-touch-drag .leaflet-touch-zoom {
59
65
-ms-touch-action : none;
60
66
touch-action : none;
61
67
}
68
+ .leaflet-container {
69
+ -webkit-tap-highlight-color : transparent;
70
+ }
71
+ .leaflet-container a {
72
+ -webkit-tap-highlight-color : rgba (51 , 181 , 229 , 0.4 );
73
+ }
62
74
.leaflet-tile {
63
75
filter : inherit;
64
76
visibility : hidden;
97
109
.lvml {
98
110
/* removed this line to avoid breaking css build scripts trying to resolve path */
99
111
/* behavior: url(#default#VML);*/
100
- display : inline-block;
112
+ display : inline-block;
101
113
position : absolute;
102
114
}
103
115
158
170
opacity : 0 ;
159
171
-webkit-transition : opacity 0.2s linear;
160
172
-moz-transition : opacity 0.2s linear;
161
- -o-transition : opacity 0.2s linear;
162
173
transition : opacity 0.2s linear;
163
174
}
164
175
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
175
186
.leaflet-zoom-anim .leaflet-zoom-animated {
176
187
-webkit-transition : -webkit-transform 0.25s cubic-bezier (0 , 0 , 0.25 , 1 );
177
188
-moz-transition : -moz-transform 0.25s cubic-bezier (0 , 0 , 0.25 , 1 );
178
- -o-transition : -o-transform 0.25s cubic-bezier (0 , 0 , 0.25 , 1 );
179
189
transition : transform 0.25s cubic-bezier (0 , 0 , 0.25 , 1 );
180
190
}
181
191
.leaflet-zoom-anim .leaflet-tile ,
182
192
.leaflet-pan-anim .leaflet-tile {
183
193
-webkit-transition : none;
184
194
-moz-transition : none;
185
- -o-transition : none;
186
195
transition : none;
187
196
}
188
197
199
208
.leaflet-grab {
200
209
cursor : -webkit-grab;
201
210
cursor : -moz-grab;
211
+ cursor : grab;
202
212
}
203
213
.leaflet-crosshair ,
204
214
.leaflet-crosshair .leaflet-interactive {
214
224
cursor : move;
215
225
cursor : -webkit-grabbing;
216
226
cursor : -moz-grabbing;
227
+ cursor : grabbing;
217
228
}
218
229
219
230
/* marker & overlays interactivity */
303
314
height : 30px ;
304
315
line-height : 30px ;
305
316
}
306
-
317
+ .leaflet-touch .leaflet-bar a : first-child {
318
+ border-top-left-radius : 2px ;
319
+ border-top-right-radius : 2px ;
320
+ }
321
+ .leaflet-touch .leaflet-bar a : last-child {
322
+ border-bottom-left-radius : 2px ;
323
+ border-bottom-right-radius : 2px ;
324
+ }
307
325
308
326
/* zoom control */
309
327
312
330
font : bold 18px 'Lucida Console' , Monaco, monospace;
313
331
text-indent : 1px ;
314
332
}
315
- .leaflet-control-zoom-out {
316
- font-size : 20px ;
317
- }
318
333
319
- .leaflet-touch .leaflet-control-zoom-in {
334
+ .leaflet-touch .leaflet-control-zoom-in , . leaflet-touch . leaflet-control-zoom-out {
320
335
font-size : 22px ;
321
336
}
322
- .leaflet-touch .leaflet-control-zoom-out {
323
- font-size : 24px ;
324
- }
325
337
326
338
327
339
/* layers control */
359
371
}
360
372
.leaflet-control-layers-scrollbar {
361
373
overflow-y : scroll;
374
+ overflow-x : hidden;
362
375
padding-right : 5px ;
363
376
}
364
377
.leaflet-control-layers-selector {
377
390
378
391
/* Default icon URLs */
379
392
.leaflet-default-icon-path {
380
- background-image : url (images/ );
393
+ background-image : url (images/marker-icon.png );
381
394
}
382
395
383
396
482
495
-webkit-transform : rotate (45deg );
483
496
-moz-transform : rotate (45deg );
484
497
-ms-transform : rotate (45deg );
485
- -o-transform : rotate (45deg );
486
498
transform : rotate (45deg );
487
499
}
488
500
.leaflet-popup-content-wrapper ,
621
633
left : 0 ;
622
634
margin-left : -12px ;
623
635
border-right-color : # fff ;
624
- }
636
+ }
0 commit comments