MediaWiki:Gadget-leaflet-fullscreen.css: Difference between revisions

From Brighter Shores Wiki
Jump to navigation Jump to search
Content added Content deleted
(Created page with ".fullscreen-icon { background-image: url('icon-fullscreen.svg'); background-size: 26px 52px; } .fullscreen-icon.leaflet-fullscreen-on { background-position: 0 -26px; } .leaflet-touch .fullscreen-icon { background-position: 2px 2px; } .leaflet-touch .fullscreen-icon.leaflet-fullscreen-on { background-position: 2px -24px; } →‎Safari still needs this vendor-prefix: https://caniuse.com/mdn-css_selectors_fullscreen: /* stylelint-disable-next-line selector-no-vendo...")
 
No edit summary
 
Line 1: Line 1:
.fullscreen-icon {
.fullscreen-icon {
background-image: url('icon-fullscreen.svg');
background-image: url('/images/Icon-fullscreen.svg');
background-size: 26px 52px;
background-size: 26px 52px;
}
}

Latest revision as of 23:25, 23 November 2024

.fullscreen-icon {
	background-image: url('/images/Icon-fullscreen.svg');
	background-size: 26px 52px;
}

.fullscreen-icon.leaflet-fullscreen-on {
	background-position: 0 -26px;
}

.leaflet-touch .fullscreen-icon {
	background-position: 2px 2px;
}

.leaflet-touch .fullscreen-icon.leaflet-fullscreen-on {
	background-position: 2px -24px;
}

/* 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 {
	width: 100% !important;
	height: 100% !important;
	z-index: 99999;
}

.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;
}