MediaWiki:Common.css: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
/* ==== Sidebar-Collapser (Vector-2022) ==== */ | /* ==== Sidebar-Collapser (Vector-2022) – Pfeil rechts & größer ==== */ | ||
.kr-sb .kr-head { | |||
display: flex; align-items: center; gap: .5rem; | /* Kopfzeile: Label links, Pfeil rechts */ | ||
.kr-sb .kr-head{ | |||
display:flex; | |||
align-items:center; | |||
gap:.5rem; | |||
} | |||
/* Label bekommt den freien Platz; so drückt es den Pfeil ganz nach rechts */ | |||
.kr-sb .kr-head > a, | |||
.kr-sb .kr-head > .kr-title{ | |||
flex:1 1 auto; | |||
min-width:0; | |||
} | |||
/* Pfeil: an den rechten Rand, etwas größer + gute Klickfläche */ | |||
.kr-sb .kr-arrow{ | |||
margin-left:auto; /* schiebt den Pfeil nach rechts */ | |||
font-size:1.25em; /* Größe: etwas größer als Text (1.0–1.3em fein) */ | |||
inline-size:1.25em; | |||
block-size:1.25em; | |||
display:inline-grid; /* zentriert das Symbol im Button */ | |||
place-items:center; | |||
border:0; | |||
background:transparent; | |||
padding:.25rem; /* größere Touch-Fläche */ | |||
cursor:pointer; | |||
line-height:1; | |||
} | } | ||
.kr-sb .kr-arrow | |||
/* Symbol und Rotation */ | |||
.kr-sb .kr-arrow::before{ | |||
content:"▾"; | |||
transition:transform .15s ease; | |||
} | } | ||
.kr-sb .kr-arrow::before { | .kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{ | ||
transform:rotate(-90deg); | |||
} | } | ||
.kr-sb ul.kr-sub { | /* Unterlisten wie gehabt */ | ||
list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0; | .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 li.is-collapsed > ul.kr-sub{ display:none; } | ||
/* Titel ohne Link ( | /* Titel ohne Link (#group:) */ | ||
.kr-sb .kr-title { font-weight: 600; } | .kr-sb .kr-title{ font-weight:600; } | ||
Version vom 10. Oktober 2025, 16:28 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* ==== Sidebar-Collapser (Vector-2022) – Pfeil rechts & größer ==== */
/* Kopfzeile: Label links, Pfeil rechts */
.kr-sb .kr-head{
display:flex;
align-items:center;
gap:.5rem;
}
/* Label bekommt den freien Platz; so drückt es den Pfeil ganz nach rechts */
.kr-sb .kr-head > a,
.kr-sb .kr-head > .kr-title{
flex:1 1 auto;
min-width:0;
}
/* Pfeil: an den rechten Rand, etwas größer + gute Klickfläche */
.kr-sb .kr-arrow{
margin-left:auto; /* schiebt den Pfeil nach rechts */
font-size:1.25em; /* Größe: etwas größer als Text (1.0–1.3em fein) */
inline-size:1.25em;
block-size:1.25em;
display:inline-grid; /* zentriert das Symbol im Button */
place-items:center;
border:0;
background:transparent;
padding:.25rem; /* größere Touch-Fläche */
cursor:pointer;
line-height:1;
}
/* Symbol und Rotation */
.kr-sb .kr-arrow::before{
content:"▾";
transition:transform .15s ease;
}
.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{
transform:rotate(-90deg);
}
/* Unterlisten wie gehabt */
.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; }
/* Titel ohne Link (#group:) */
.kr-sb .kr-title{ font-weight:600; }