MediaWiki:Widget Dialog.css: Unterschied zwischen den Versionen
Aus ZUM-Unterrichten
(Die Seite wurde neu angelegt: „ →* 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-wid…“) |
(kein Unterschied)
|
Aktuelle Version vom 18. Februar 2024, 20:08 Uhr
/*
* 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;
}