MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 570: | Line 570: | ||
- FIX: ensure border between Module 1 and 2 | - FIX: ensure border between Module 1 and 2 | ||
- Increase + even out padding | - Increase + even out padding | ||
- Module 4 => 2 columns | - Module 4 => 2 columns | ||
- NEW: pills shrink in WIDTH (not text size) on mobile | |||
--------------------------------------------------------- */ | --------------------------------------------------------- */ | ||
@media (max-width: 560px) { | @media (max-width: 560px) { | ||
| Line 592: | Line 592: | ||
} | } | ||
/* | /* Tighten type chunks (OK to keep; doesn't change pill/text size) */ | ||
table.spiritvale-skill-infobox .module-skill-type .sv-type-chunk { | table.spiritvale-skill-infobox .module-skill-type .sv-type-chunk { | ||
padding: 0. | padding: 0.15em 0.15em; | ||
} | } | ||
/* Module 4: 2 columns for readability */ | |||
/* Module 4: 2 columns for readability | |||
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; | ||
| Line 624: | Line 603: | ||
padding: 0.30em; | padding: 0.30em; | ||
} | } | ||
table.spiritvale-skill-infobox .module-quick-stats .sv-m4- | |||
/* NEW: shrink pill WIDTH on mobile (keep padding + font-size unchanged) */ | |||
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; /* stop full-width bars */ | |||
display: inline-block !important; /* size to content */ | |||
max-width: 92%; | |||
white-space: nowrap; | |||
} | } | ||
} | } | ||