MediaWiki:Gadget-forward.css: Difference between revisions
m experiment - adjust responsive cutoff |
m responsive |
||
| Line 9: | Line 9: | ||
/* try to delay grid nastily wrapping on small screens */ | /* try to delay grid nastily wrapping on small screens */ | ||
@media screen and (max-width: | @media screen and (max-width: 100rem) { | ||
.data_wavebuild.three .row { display: block; } /* disable grid */ | .data_wavebuild.three .row { display: block; } /* disable grid */ | ||
} | } | ||
@media screen and (max-width: 72rem) { /* approximately mobile size */ | @media screen and (max-width: 72rem) { /* approximately mobile size */ | ||
.data_wavebuild.three .row dt { display: none; } | .data_wavebuild.three .row dt { display: none; } | ||
dl.hue.data_wavebuild.three .row .p134 dd { min-width: auto; } /* save space */ | |||
} | } | ||
/* [[C:Wavebuilder templates]] */ | /* [[C:Wavebuilder templates]] */ | ||
Revision as of 10:47, 3 November 2025
/* Gadget "WavebuildForward" - reorder Wavebuilder combinations to look as they do in Wavebuilder dictionaries
To use this, go to Preferences and select gadget-WavebuildForward - [https://research.moraleconomy.au/index.php?title=Special:Preferences#mw-prefsection-gadgets] */
.data_wavebuild.three .row.p135 dd.value-main, .data_wavebuild.three .row.p135 .wrap.p145, .data_wavebuild.three .row.p135 .wrap.p134 dt,
.data_wavebuild.three .row.p153 dd.value-main, .data_wavebuild.three .row.p153 .wrap.p145, .data_wavebuild.three .row.p153 .wrap.p134 dt
{ outline: 5px solid red; display: none; }
.data_wavebuild.three .row.p135 .wrap.p134 .result, .data_wavebuild.three .row.p153 .wrap.p134
{ display: inline-block; }
/* try to delay grid nastily wrapping on small screens */
@media screen and (max-width: 100rem) {
.data_wavebuild.three .row { display: block; } /* disable grid */
}
@media screen and (max-width: 72rem) { /* approximately mobile size */
.data_wavebuild.three .row dt { display: none; }
dl.hue.data_wavebuild.three .row .p134 dd { min-width: auto; } /* save space */
}
/* [[C:Wavebuilder templates]] */