:root { --fullscreen-icon-enter: url('data:image/svg+xml,'); --fullscreen-icon-exit: url('data:image/svg+xml,'); } .leaflet-fullscreen-icon { background-image: var(--fullscreen-icon-enter); background-size: 26px 26px; } .leaflet-fullscreen-icon.leaflet-fullscreen-on { background-image: var(--fullscreen-icon-exit); } /* Safari still needs this vendor-prefix: https://caniuse.com/mdn-css_selectors_fullscreen */ /* stylelint-disable-next-line selector-no-vendor-prefix */ .leaflet-container:-webkit-full-screen, .leaflet-container:fullscreen { width: 100% !important; height: 100% !important; z-index: 99999; } .leaflet-pseudo-fullscreen { position: fixed !important; width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; z-index: 99999; }