Array

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {


 
/* Responsive tables - simple horizontal scroll solution */
/* Responsive tables - horizontal scroll on mobile */
.table-wrapper-mobile {
/* Wrap tables in a scrollable container */
.mw-parser-output table.wikitable {
display: block !important;
overflow-x: auto !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important; /* Smooth scrolling on iOS */
-webkit-overflow-scrolling: touch !important;
width: 100% !important;
width: 100% !important;
margin-bottom: 3rem !important;
margin: 0 -15px !important; /* Extends to edges */
border: 1px solid #ccc !important;
padding: 0 15px !important;
}
}
/* Ensure table structure is maintained */
.table-wrapper-mobile table.wikitable {
.mw-parser-output table.wikitable > tbody,
min-width: 900px !important;
.mw-parser-output table.wikitable > thead {
display: table !important;
width: 100% !important;
width: 100% !important;
min-width: 800px !important; /* Prevents excessive compression */
}
}
.mw-parser-output table.wikitable > caption {
table.wikitable th,
display: table-caption !important;
table.wikitable td {
font-size: 4.4rem !important;
font-size: 3.2rem !important;
font-weight: bold !important;
padding: 10px !important;
padding: 15px 10px !important;
text-align: center !important;
background-color: #f5f5f5 !important;
}
}
/* Table cells */
.mw-parser-output table.wikitable th,
.mw-parser-output table.wikitable td {
padding: 12px !important;
font-size: 3.4rem !important;
line-height: 1.6 !important;
vertical-align: top !important;
}
/* Table headers */
.mw-parser-output table.wikitable th {
font-size: 3.8rem !important;
font-weight: bold !important;
background-color: #99B36C !important;
color: white !important;
text-align: center !important;
}
/* Add shadow to indicate scrollability */
.mw-parser-output table.wikitable {
box-shadow: inset -10px 0 8px -8px rgba(0,0,0,0.15) !important;
}


}
}

Latest revision as of 18:48, 19 January 2026

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {

	/* Responsive tables - simple horizontal scroll solution */
	.table-wrapper-mobile {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		width: 100% !important;
		margin: 0 -15px !important; /* Extends to edges */
		padding: 0 15px !important;
	}
	
	.table-wrapper-mobile table.wikitable {
		min-width: 900px !important;
		width: 100% !important;
	}
	
	table.wikitable th,
	table.wikitable td {
		font-size: 3.2rem !important;
		padding: 10px !important;
	}
	

}