MediaWiki:Common.css: Difference between revisions

From SZ
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
# Replace the JAVASCRIPT_CODE section with this updated version:
.mw-custom-collapsible .vector-menu-heading::after,
/* Collapsible portlet styling for Vector (legacy & 2022) */
.mw-custom-collapsible h3::after {
.mw-custom-collapsible .vector-menu-heading,
   content: '▸';
.mw-custom-collapsible h3 {
   float: right;
   cursor: pointer;
  transition: transform 0.2s;
   user-select: none;
}
}


/* Arrow icon (left) */
.mw-custom-collapsible.is-open .vector-menu-heading::after,
.mw-custom-collapsible .vector-menu-heading::before,
.mw-custom-collapsible.is-open h3::after {
.mw-custom-collapsible h3::before {
   transform: rotate(90deg);
   content: "▶";
  display: inline-block;
  margin-right: .35em;
  transition: transform .15s ease;
}
}
/* Arrow when open */
.mw-custom-collapsible.is-open .vector-menu-heading::before,
.mw-custom-collapsible.is-open h3::before {
  content: "▼";
}
/* Hide/show content area cross-skin */
.mw-custom-collapsible .vector-menu-content,
.mw-custom-collapsible .body { display: none; }
.mw-custom-collapsible.is-open .vector-menu-content,
.mw-custom-collapsible.is-open .body { display: block; }
/* Optional: tidy spacing */
#mw-panel .mw-portlet.mw-custom-collapsible { margin-bottom: .5rem; }

Revision as of 15:03, 24 August 2025

.mw-custom-collapsible .vector-menu-heading::after,
.mw-custom-collapsible h3::after {
  content: '▸';
  float: right;
  transition: transform 0.2s;
}

.mw-custom-collapsible.is-open .vector-menu-heading::after,
.mw-custom-collapsible.is-open h3::after {
  transform: rotate(90deg);
}