react-leaflet-fullscreen-plugin
Version:
Plugin For react-leaflet for Fullscreen Control
8 lines • 849 B
CSS
.fullscreen-icon { background-image: url(icon-fullscreen.png); }
.leaflet-retina .fullscreen-icon { background-image: url(icon-fullscreen-2x.png); background-size: 26px 26px; }
/* one selector per rule as explained here : http://www.sitepoint.com/html5-full-screen-api/ */
.leaflet-container:-webkit-full-screen { width: 100% ; height: 100% ; z-index: 99999; }
.leaflet-container:-ms-fullscreen { width: 100% ; height: 100% ; z-index: 99999; }
.leaflet-container:full-screen { width: 100% ; height: 100% ; z-index: 99999; }
.leaflet-container:fullscreen { width: 100% ; height: 100% ; z-index: 99999; }
.leaflet-pseudo-fullscreen { position: fixed ; width: 100% ; height: 100% ; top: 0px ; left: 0px ; z-index: 99999; }