MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary Tag: Manual revert |
No edit summary |
||
Line 1: | Line 1: | ||
/* | /* Base: remove bullets & spacing for sidebar lists */ | ||
.vector-menu-portal .vector-menu-content-list, | .vector-menu-portal .vector-menu-content-list, | ||
.vector-menu-portal .vector-menu-content-list ul { | .vector-menu-portal .vector-menu-content-list ul { | ||
list-style: none; | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
/* Hide | /* Hide nested lists by default (JS will toggle them) */ | ||
.vector-menu-portal .vector-menu-content-list ul { | .vector-menu-portal .vector-menu-content-list ul { | ||
display: none; | |||
margin-left: 1em; | |||
} | } | ||
/* | /* Make headers look clickable */ | ||
.vector-menu-portal li.collapsible-header { | .vector-menu-portal li.collapsible-header { | ||
cursor: pointer; | |||
font-weight: 600; | |||
display: flex; | |||
align-items: center; | |||
} | } | ||
/* | /* Inline arrow element (more reliable than :before in some skins) */ | ||
.vector-menu-portal li.collapsible-header: | .vector-menu-portal li.collapsible-header > .mw-collapsible-arrow { | ||
display: inline-block; | |||
width: 1em; /* reserve space */ | |||
margin-right: 4px; | |||
transform-origin: 50% 50%; | |||
transition: transform 0.2s ease; | |||
user-select: none; | |||
} | } | ||
/* Rotate arrow when open */ | /* Rotate arrow when open */ | ||
.vector-menu-portal li.collapsible-header.open | .vector-menu-portal li.collapsible-header.open > .mw-collapsible-arrow { | ||
transform: rotate(90deg); | |||
} | |||
/* Optional visual debug: outline collapsible headers so you can see them */ | |||
.vector-menu-portal li.collapsible-header { | |||
/* outline: 1px dashed rgba(0,0,0,.15); */ | |||
} | } |
Revision as of 20:28, 25 August 2025
/* Base: remove bullets & spacing for sidebar lists */ .vector-menu-portal .vector-menu-content-list, .vector-menu-portal .vector-menu-content-list ul { list-style: none; margin: 0; padding: 0; } /* Hide nested lists by default (JS will toggle them) */ .vector-menu-portal .vector-menu-content-list ul { display: none; margin-left: 1em; } /* Make headers look clickable */ .vector-menu-portal li.collapsible-header { cursor: pointer; font-weight: 600; display: flex; align-items: center; } /* Inline arrow element (more reliable than :before in some skins) */ .vector-menu-portal li.collapsible-header > .mw-collapsible-arrow { display: inline-block; width: 1em; /* reserve space */ margin-right: 4px; transform-origin: 50% 50%; transition: transform 0.2s ease; user-select: none; } /* Rotate arrow when open */ .vector-menu-portal li.collapsible-header.open > .mw-collapsible-arrow { transform: rotate(90deg); } /* Optional visual debug: outline collapsible headers so you can see them */ .vector-menu-portal li.collapsible-header { /* outline: 1px dashed rgba(0,0,0,.15); */ }