MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus DiPlanung

Zeile 9: Zeile 9:
 
@media (max-width:600px) {
 
@media (max-width:600px) {
 
.teaser-table {
 
.teaser-table {
padding: 0;
+
display: grid;
background: none;
+
grid-auto-flow: column;   /* ← entscheidend */
border: none;
+
grid-auto-columns: 100%;
display: flex;
+
width: 100%;
width: 100%;
 
 
}
 
}
 
.teaser-table tr {
 
.teaser-table tr {

Version vom 11. Februar 2026, 09:26 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content dt, #p-logo-text a {
  font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
}
#p-logo-text a {font-variant: normal;}

/* Styles für Teaser-Tabellen Startseite */

@media (max-width:600px) {
	.teaser-table {
		 display: grid;
		 grid-auto-flow: column;   /* ← entscheidend */
		 grid-auto-columns: 100%;
		 width: 100%;
	}
	.teaser-table tr {
		 display: contents;
	}
	.teaser-table th,
	.teaser-table td {
		display: block;
		width: 100%;
	}
	.teaser-table tr:last-child th,
	.teaser-table tr:last-child td {
		margin-bottom: 1em;
	}
	.teaser-table tr:last-child:not(:first-child) th,
	.teaser-table tr:last-child:not(:first-child) td {
		border-top: none;
	}
	
	/* Jede Spalte als Block behandeln */
	.teaser-table th:nth-child(1),
	.teaser-table td:nth-child(1) {
		order: 1;
	}

	.teaser-table th:nth-child(2),
	.teaser-table td:nth-child(2) {
		order: 2;
	}

	.teaser-table th:nth-child(3),
	.teaser-table td:nth-child(3) {
		order: 3;
	}
}