| 1 |
.fullscreen-icon { background-image: url(icon-fullscreen.svg); background-size:26px 52px; } |
| 2 |
.fullscreen-icon.leaflet-fullscreen-on { background-position:2px -26px; } |
| 3 |
.leaflet-touch .fullscreen-icon { background-position: 4px 4.5px } |
| 4 |
.leaflet-touch .fullscreen-icon.leaflet-fullscreen-on { background-position: 4px -22px; } |
| 5 |
/* one selector per rule as explained here : http://www.sitepoint.com/html5-full-screen-api/ */ |
| 6 |
.leaflet-container:-webkit-full-screen { width: 100% !important; height: 100% !important; z-index: 99999; } |
| 7 |
.leaflet-container:-ms-fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; } |
| 8 |
.leaflet-container:full-screen { width: 100% !important; height: 100% !important; z-index: 99999; } |
| 9 |
.leaflet-container:fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; } |
| 10 |
.leaflet-pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 99999; } |
