https://zumunterrichten.idea-sketch.com/index.php?action=history&feed=atom&title=MediaWiki%3AWidget_Dialog.css 2026-05-09T17:56:50Z Versionsgeschichte dieser Seite in ZUM-Unterrichten MediaWiki 1.39.15 https://zumunterrichten.idea-sketch.com/index.php?title=MediaWiki:Widget_Dialog.css&diff=137148&oldid=prev 2024-02-18T20:08:29Z

<p>Die Seite wurde neu angelegt: „ <span dir="auto"><span class="autocomment">* Styles for the Widget:Dialog-* widgets. *: </span> dialog.zum-dialog.popup { all:revert; <span dir="auto"><span class="autocomment">we want the popup class to get the MW styling in cascaded childs, but the dialog itself should be native: </span> 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…“</span></span></p> <p><b>Neue Seite</b></p><div><br /> /*<br /> * Styles for the Widget:Dialog-* widgets.<br /> *<br /> */<br /> dialog.zum-dialog.popup {<br /> all:revert; /*we want the popup class to get the MW styling in cascaded childs, but the dialog itself should be native */<br /> border:0;<br /> padding:0;<br /> box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);<br /> min-width:95vw;<br /> max-width:95vw;<br /> }<br /> <br /> dialog.zum-dialog.popup[open] {<br /> display:flex;<br /> flex-direction:column;<br /> }<br /> <br /> @media (min-width: 851px) {<br /> dialog.zum-dialog.popup {<br /> min-width:33vw;<br /> }<br /> }<br /> .zum-dialog-opener {<br /> cursor:pointer;<br /> }<br /> <br /> /* special rules for qr code in dialog */<br /> .zum-dialog-opener .qrlite-result img,<br /> .zum-dialog-opener .qrlite-result svg {<br /> width:1.5rem;<br /> height:1.5rem;<br /> }<br /> .zum-dialog .zum-qrcode .qrlite-result img,<br /> .zum-dialog .zum-qrcode .qrlite-result svg {<br /> margin: 0 auto;<br /> display: block;<br /> <br /> width: auto;<br /> height: auto !important;<br /> max-width:60%;<br /> max-height:60%;<br /> /* Regeln für Browser die CSS Viewport Units (https://caniuse.com/#feat=viewport-units) unterstützen */<br /> width: 80vmin;<br /> height: 80vmin !important;<br /> max-width:80vmin;<br /> max-height:80vmin;<br /> }</div>

Christian