MediaWiki:Common.css: Difference between revisions

From SZ
Jump to navigation Jump to search
No edit summary
Tag: Manual revert
No edit summary
Line 1: Line 1:
/* Ensure sidebar list structure is targeted correctly */
/* 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;
  list-style: none;
    margin: 0;
  margin: 0;
    padding: 0;
  padding: 0;
}
}


/* Hide submenus by default */
/* 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;
  display: none;
    margin-left: 1em;
  margin-left: 1em;
}
}


/* Collapsible header style */
/* Make headers look clickable */
.vector-menu-portal li.collapsible-header {
.vector-menu-portal li.collapsible-header {
    cursor: pointer;
  cursor: pointer;
    font-weight: bold;
  font-weight: 600;
    position: relative;
  display: flex;
    padding-left: 18px;
  align-items: center;
}
}


/* Add arrow icon before header */
/* Inline arrow element (more reliable than :before in some skins) */
.vector-menu-portal li.collapsible-header::before {
.vector-menu-portal li.collapsible-header > .mw-collapsible-arrow {
    content: "\25B6"; /* Unicode triangle ► */
  display: inline-block;
    position: absolute;
  width: 1em;   /* reserve space */
    left: 0;
  margin-right: 4px;
    top: 0;
  transform-origin: 50% 50%;
    font-size: 12px;
  transition: transform 0.2s ease;
    transition: transform 0.2s ease;
  user-select: none;
}
}


/* Rotate arrow when open */
/* Rotate arrow when open */
.vector-menu-portal li.collapsible-header.open::before {
.vector-menu-portal li.collapsible-header.open > .mw-collapsible-arrow {
    transform: rotate(90deg);
  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); */
}