MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 567: | Line 567: | ||
/* ------------------------------------------------------------ | /* ------------------------------------------------------------ | ||
Mobile behavior | Mobile behavior | ||
- | - KEEP the hero modules as a 2x2 grid (four squares) | ||
- | - Keep padding slightly roomier | ||
- Pills shrink in WIDTH (not font size) | |||
- | - Module 4 stays 2 columns | ||
--------------------------------------------------------- */ | --------------------------------------------------------- */ | ||
@media (max-width: 560px) { | @media (max-width: 560px) { | ||
/* Return to 2 columns (4 squares) */ | |||
table.spiritvale-skill-infobox .hero-modules-grid { | table.spiritvale-skill-infobox .hero-modules-grid { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr 1fr; | ||
} | } | ||
/* Even + slightly larger padding | /* Even + slightly larger padding (DON'T remove borders anymore) */ | ||
.mw-parser-output table.spiritvale-skill-infobox .hero-module { | .mw-parser-output table.spiritvale-skill-infobox .hero-module { | ||
padding: 0. | padding: 0.55em 0.55em; | ||
} | } | ||
/* | /* Shrink pill WIDTH on mobile (keep padding + font-size unchanged) */ | ||
table.spiritvale-skill-infobox . | table.spiritvale-skill-infobox .module-skill-type .sv-type-label, | ||
table.spiritvale-skill-infobox .skill-source-module .sv-source-pill, | |||
table.spiritvale-skill-infobox .module-quick-stats .sv-m4-label { | |||
width: auto !important; | |||
display: inline-block !important; | |||
max-width: 92%; | |||
white-space: nowrap; | |||
} | } | ||
table.spiritvale-skill-infobox . | |||
/* Optional: slightly tighten Module 2 internal spacing on mobile */ | |||
table.spiritvale-skill-infobox .module-skill-type .sv-type-grid { | |||
gap: 0.40em; | |||
padding: 0.30em; | |||
} | } | ||
table.spiritvale-skill-infobox .module-skill-type .sv-type-chunk { | table.spiritvale-skill-infobox .module-skill-type .sv-type-chunk { | ||
padding: 0. | padding: 0.18em 0.18em; | ||
} | } | ||
/* Module 4: 2 columns | /* Module 4: keep 2 columns */ | ||
table.spiritvale-skill-infobox .module-quick-stats .sv-m4-grid { | table.spiritvale-skill-infobox .module-quick-stats .sv-m4-grid { | ||
grid-template-columns: 1fr 1fr; | grid-template-columns: 1fr 1fr; | ||
gap: 0.40em; | gap: 0.40em; | ||
padding: 0.30em; | padding: 0.30em; | ||
} | } | ||
} | } | ||