MediaWiki:Common.css: Unterschied zwischen den Versionen

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* ==== Sidebar Collapser – schlank & skin-freundlich ==== */
/* Typografie von Vector übernehmen */
.kr-sb .kr-head,
.kr-sb .kr-head > a,
.kr-sb .kr-title {
  font: inherit;
  line-height: inherit;
  color: inherit;
}

/* Kopfzeile: gleiche vertikale Luft wie die normalen Menülinks */
.kr-sb .kr-head {
  position: relative;
  display: flex;
  align-items: center;
  padding-block: .375rem;     /* entspricht Vector-Links */
}

/* Link im Kopf nicht zusätzlich „aufpolstern“ */
.kr-sb .kr-head > a { padding: 0 !important; flex: 1 1 auto; }

/* Unterliste: keine Aufzählungszeichen, sauber eingerückt */
.kr-sb ul.kr-sub {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1rem;        /* Einzug der Kinder */
}

/* eingeklappte Gruppen verstecken */
.kr-sb li.is-collapsed > ul.kr-sub { display: none; }

/* Pfeil ganz rechts, Größe aus Textgröße abgeleitet */
.kr-sb .kr-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;                /* klickbare Breite */
  height: 1.6rem;
  border: 0;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 1em;
  line-height: 1;
}
.kr-sb .kr-arrow::before {
  content: "▾";               /* auf → zu wird durch Rotation dargestellt */
  display: inline-block;
  transition: transform .15s ease;
}
.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before {
  transform: rotate(-90deg);  /* zeigt nach links bei „zu“ */
}

/* Hit-Zone: Klick auf leere Kopfzeile klappt ebenfalls auf/zu */
.kr-sb .kr-hit {
  position: absolute;
  inset: 0 2rem 0 0;          /* bis kurz vor den Pfeil */
  cursor: pointer;
}
.kr-sb .kr-head > :is(a, .kr-title) { position: relative; z-index: 1; }