MediaWiki:Common.css: Difference between revisions

From SZ
Jump to navigation Jump to search
No edit summary
No edit summary
 
(13 intermediate revisions by the same user not shown)
Line 1: Line 1:
# Replace the JAVASCRIPT_CODE section with this updated version:
 
/* Collapsible portlet styling for Vector (legacy & 2022) */
/*
.mw-custom-collapsible .vector-menu-heading,
#mw-panel.collapsed {
.mw-custom-collapsible h3 {
    width: 0;
    overflow: hidden;
}
 
#mw-panel.collapsed .portal,
#mw-panel.collapsed .vector-menu-content {
    display: none;
}
*/
 
 
 
/*
 
.vector-menu.mw-portlet li.collapsible-header,
.vector-menu-portal li.collapsible-header {
   cursor: pointer;
   cursor: pointer;
   user-select: none;
   font-weight: 600;
  display: flex;
  align-items: center;
}
}


/* Arrow icon (left) */
.mw-collapsible-arrow {
.mw-custom-collapsible .vector-menu-heading::before,
.mw-custom-collapsible h3::before {
  content: "▶";
   display: inline-block;
   display: inline-block;
   margin-right: .35em;
  width: 1em;
   transition: transform .15s ease;
   margin-right: 4px;
  transform-origin: center;
   transition: transform 0.2s ease;
  user-select: none;
}
}


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

Latest revision as of 15:30, 26 August 2025


/*
#mw-panel.collapsed {
    width: 0;
    overflow: hidden;
}

#mw-panel.collapsed .portal,
#mw-panel.collapsed .vector-menu-content {
    display: none;
}
*/



/*

.vector-menu.mw-portlet li.collapsible-header,
.vector-menu-portal li.collapsible-header {
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.mw-collapsible-arrow {
  display: inline-block;
  width: 1em;
  margin-right: 4px;
  transform-origin: center;
  transition: transform 0.2s ease;
  user-select: none;
}

li.collapsible-header.open > .mw-collapsible-arrow {
  transform: rotate(90deg);
}
*/