MediaWiki:Widget Dialog.css
Aus ZUM-Unterrichten
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/*
* Styles for the Widget:Dialog-* widgets.
*
*/
dialog.zum-dialog.popup {
all:revert; /*we want the popup class to get the MW styling in cascaded childs, but the dialog itself should be native */
border:0;
padding:0;
box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);
min-width:95vw;
max-width:95vw;
}
dialog.zum-dialog.popup[open] {
display:flex;
flex-direction:column;
}
@media (min-width: 851px) {
dialog.zum-dialog.popup {
min-width:33vw;
}
}
.zum-dialog-opener {
cursor:pointer;
}
/* special rules for qr code in dialog */
.zum-dialog-opener .qrlite-result img,
.zum-dialog-opener .qrlite-result svg {
width:1.5rem;
height:1.5rem;
}
.zum-dialog .zum-qrcode .qrlite-result img,
.zum-dialog .zum-qrcode .qrlite-result svg {
margin: 0 auto;
display: block;
width: auto;
height: auto !important;
max-width:60%;
max-height:60%;
/* Regeln für Browser die CSS Viewport Units (https://caniuse.com/#feat=viewport-units) unterstützen */
width: 80vmin;
height: 80vmin !important;
max-width:80vmin;
max-height:80vmin;
}
