MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary Tag: Manual revert |
No edit summary |
||
| Line 9: | Line 9: | ||
.page-Hauptseite { | .page-Hauptseite { | ||
--width-layout: 1600px; | --width-layout: 1600px; | ||
} | |||
/* Fix main page layout on mobile - override inline styles */ | |||
@media (max-width: 768px) { | |||
/* Override the min-width: 480px inline style */ | |||
.mw-parser-output > div[style*="min-width: 480px"] { | |||
min-width: 100% !important; | |||
width: 100% !important; | |||
flex-basis: 100% !important; | |||
} | |||
/* Make parent flex container stack vertically on mobile */ | |||
.mw-parser-output > div[style*="display: flex"] { | |||
flex-direction: column !important; | |||
} | |||
} | } | ||
Revision as of 03:09, 5 February 2026
/* Default: Full width */
:root.citizen-feature-custom-width-clientpref-standard,
:root {
--width-layout: 100vw;
}
/* Override for specific pages using body class */
.page-Main_Page,
.page-Hauptseite {
--width-layout: 1600px;
}
/* Fix main page layout on mobile - override inline styles */
@media (max-width: 768px) {
/* Override the min-width: 480px inline style */
.mw-parser-output > div[style*="min-width: 480px"] {
min-width: 100% !important;
width: 100% !important;
flex-basis: 100% !important;
}
/* Make parent flex container stack vertically on mobile */
.mw-parser-output > div[style*="display: flex"] {
flex-direction: column !important;
}
}