MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Replaced content with "# Replace the JAVASCRIPT_CODE section with this updated version: →Sidebar collapsible sections: .collapsible-header { cursor: pointer; font-weight: bold; padding: 5px 8px; background: #f8f9fa; border-radius: 4px; margin-bottom: 2px; } .collapsible-content { display: none; margin: 0; padding-left: 15px; } .collapsible-section.active .collapsible-content { display: block; }" Tag: Replaced |
No edit summary |
||
| Line 1: | Line 1: | ||
# Replace the JAVASCRIPT_CODE section with this updated version: | # Replace the JAVASCRIPT_CODE section with this updated version: | ||
/* Collapsible portlet styling for Vector (legacy & 2022) */ | |||
.mw-custom-collapsible .vector-menu-heading, | |||
.mw-custom-collapsible h3 { | |||
cursor: pointer; | |||
user-select: none; | |||
} | |||
/* | /* Arrow icon (left) */ | ||
.collapsible- | .mw-custom-collapsible .vector-menu-heading::before, | ||
.mw-custom-collapsible h3::before { | |||
content: "▶"; | |||
display: inline-block; | |||
margin-right: .35em; | |||
transition: transform .15s ease; | |||
} | } | ||
.collapsible- | /* Arrow when open */ | ||
.mw-custom-collapsible.is-open .vector-menu-heading::before, | |||
.mw-custom-collapsible.is-open h3::before { | |||
content: "▼"; | |||
} | } | ||
.collapsible- | /* 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 14:50, 24 August 2025
# Replace the JAVASCRIPT_CODE section with this updated version:
/* Collapsible portlet styling for Vector (legacy & 2022) */
.mw-custom-collapsible .vector-menu-heading,
.mw-custom-collapsible h3 {
cursor: pointer;
user-select: none;
}
/* Arrow icon (left) */
.mw-custom-collapsible .vector-menu-heading::before,
.mw-custom-collapsible h3::before {
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; }
