MediaWiki:Common.css: Unterschied zwischen den Versionen

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* ==== Sidebar-Collapser – Pfeil rechts & größer ==== */

/* Kopfzeile als Flex-Container */
.kr-sb .kr-head{
  display:flex;
  align-items:center;
  gap:.5rem;
}

/* Label/Link links, nimmt den Platz ein */
.kr-sb .kr-head > a,
.kr-sb .kr-head > .kr-title{
  order:1;                  /* steht links */
  flex:1 1 auto;            /* schiebt den Pfeil an den Rand */
  min-width:0;
}

/* Pfeil ganz rechts, größere Klickfläche */
.kr-sb .kr-head > .kr-arrow{
  order:2;                  /* steht rechts, egal wo er im DOM steht */
  margin-left:auto;         /* klebt am rechten Rand */
  font-size:1.25em;         /* größer als Text */
  inline-size:1.25em;
  block-size:1.25em;
  display:inline-grid;
  place-items:center;
  border:0;
  background:transparent;
  padding:.25rem;           /* bessere Touch-Fläche */
  line-height:1;
  cursor:pointer;
}

/* Symbol & 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 & Titel (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; }
.kr-sb .kr-title{ font-weight:600; }