Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Citizen.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Tag: Reverted
Line 9: Line 9:
.page-Hauptseite {
.page-Hauptseite {
--width-layout: 1600px;
--width-layout: 1600px;
}
/* Mobile fixes - prevent horizontal overflow */
@media (max-width: 768px) {
body {
overflow-x: hidden !important;
}
.mw-page-container,
.page-Container,
.mw-body,
.mw-body-content {
max-width: 100vw !important;
overflow-x: hidden !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
/* Fix for full-width elements causing overflow */
* {
max-width: 100%;
}
/* Reset any fixed positioning that might cause issues */
.home-header,
.mw-parser-output {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
}
}

Revision as of 02:49, 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;
}

/* Mobile fixes - prevent horizontal overflow */
@media (max-width: 768px) {
	body {
		overflow-x: hidden !important;
	}
	
	.mw-page-container,
	.page-Container,
	.mw-body,
	.mw-body-content {
		max-width: 100vw !important;
		overflow-x: hidden !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	/* Fix for full-width elements causing overflow */
	* {
		max-width: 100%;
	}
	
	/* Reset any fixed positioning that might cause issues */
	.home-header,
	.mw-parser-output {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}
}