MediaWiki:Zum mw-collapsible.css

Aus ZUM-Unterrichten
Version vom 18. Februar 2024, 20:07 Uhr von Christian (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „ →‎********* * * fix Letzte Änderungen Darstellung * ********: .mw-body-content .mw-collapsible.mw-changeslist-line { text-align:inherit; } →‎* * enhancing .mw-collapsible *: .mw-collapsible { display: contents; } →‎* ** .mw-collapsible.button ** render the up/down chevron when there is no a inside the toggle *: body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle:not(:has(> a))::after { display: inline…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

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
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/**********
 *
 * fix Letzte Änderungen Darstellung
 *
 *********/
 .mw-body-content .mw-collapsible.mw-changeslist-line {
 text-align:inherit;
 }


/*
 *
 * enhancing .mw-collapsible 
 *
 */
.mw-collapsible {
  display: contents;
}

/**
 ** .mw-collapsible.button
 ** render the up/down chevron when there is no a inside the toggle
 **/
body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle:not(:has(> a))::after
{
  display: inline flow-root;
  font-family: 'fontawesome-webfont';
  content: '\f078';
  transition: all .25s;
  transition-duration: 0.25s;
  margin-inline-start: .25rem;
}

body:not(.ns-special) .mw-body-content .mw-collapsible .mw-collapsible-toggle.mw-collapsible-toggle-expanded:not(:has(> a))::after {
  transform:rotate(180deg);
  transition: all .25s;
}

.loesung-verstecken .mw-collapsible-toggle a {
  background-color:var(--zum-farbe-grau--heller);
  border-color:var(--zum-farbe-grau--dunkler);
}

.loesung-verstecken .mw-collapsible-content {
  background-color:var(--zum-farbe-grau--heller);
  border-color:var(--zum-farbe-grau--dunkler);
}

.navigation-verstecken.mw-collapsible.mw-collapsed .mw-collapsible-toggle {
  margin-block-end:0.5em !important;
}