MediaWiki:Common.css
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Kopfzeile: rechter Rand ist NUR für den Pfeil reserviert */
.kr-sb .kr-head{
display:flex; align-items:center; gap:.5rem;
position: relative;
padding-right: 2.1rem; /* <- „Gutter“ rechts: Link endet VOR dem Pfeilbereich */
pointer-events: none; /* Kopf selbst reagiert nicht auf Klicks */
}
/* Link/Titel bleiben klickbar */
.kr-sb .kr-head > a,
.kr-sb .kr-head > .kr-title{
pointer-events: auto;
}
/* Pfeil ganz rechts, große Klickfläche, gleiche Schriftgröße wie Text */
.kr-sb .kr-head > .kr-arrow{
pointer-events: auto;
position: absolute; top: 50%; right: .25rem; transform: translateY(-50%);
display: grid; place-items: center;
width: 2rem; height: 2rem; /* große Touch-Fläche */
border: 0; background: transparent; padding: 0;
cursor: pointer; z-index: 2;
font-size: 1em; /* exakt wie Textgröße */
line-height: 1;
}
/* Symbol + Richtung (eingeklappt zeigt nach links) */
.kr-sb .kr-head > .kr-arrow::before{
content: "▾";
display: block;
transition: transform .15s ease;
}
.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{
transform: rotate(90deg);
}
/* Unterlisten unverändert */
.kr-sb ul.kr-sub{ list-style:none; margin:.25rem 0 .5rem 1rem; padding:0; }
.kr-sb li.is-collapsed > ul.kr-sub{ display:none; }
.kr-sb .kr-title{ font-weight:600; }