MediaWiki:Common.css: Difference between revisions

From SZ
Jump to navigation Jump to search
← Older editNewer edit →
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* === Collapsible Sidebar (Vector legacy + Vector 2022) === */
/* Collapsible Sidebar – Icon via span.vector-collapse-icon */


/* Normalize clickable headers */
.vector-collapse-icon {
.skin-vector #mw-panel .portal > h3,
.skin-vector-2022 nav.vector-menu-portal .vector-menu-heading {
  position: relative;
  cursor: pointer;
  user-select: none;
  padding-left: 1.5em; /* space for the chevron on the left */
}
 
/* Chevron (left side), uses a tiny inline SVG for crispness on all DPIs */
.skin-vector #mw-panel .portal > h3::before,
.skin-vector-2022 nav.vector-menu-portal .vector-menu-heading::before {
  content: "";
   position: absolute;
   position: absolute;
   left: 0.35em;
   left: 0.35em;
Line 21: Line 9:
   transform: translateY(-50%) rotate(0deg);
   transform: translateY(-50%) rotate(0deg);
   transition: transform 150ms ease;
   transition: transform 150ms ease;
   background-repeat: no-repeat;
   display: inline-block;
   background-position: center;
   pointer-events: none; /* Click passes through to heading */
  background-size: 100% 100%;
  /* simple chevron; currentColor so it follows the skin */
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'>\
<polyline points='6 9 12 15 18 9'/></svg>");
}
}


/* Rotate chevron when expanded */
.vector-collapsible--expanded > h3 .vector-collapse-icon,
.vector-collapsible--expanded > h3::before,
.vector-collapsible--expanded > .vector-menu-heading .vector-collapse-icon {
.vector-collapsible--expanded > .vector-menu-heading::before {
   transform: translateY(-50%) rotate(180deg);
   transform: translateY(-50%) rotate(180deg);
}
}


/* Hide/show the lists */
/* Hide collapsed body */
.skin-vector #mw-panel .portal.vector-collapsible--collapsed > .body,
.skin-vector #mw-panel .portal.vector-collapsible--collapsed > .body,
.skin-vector-2022 nav.vector-menu-portal.vector-collapsible--collapsed .vector-menu-content {
.skin-vector-2022 nav.vector-menu-portal.vector-collapsible--collapsed .vector-menu-content {
   display: none;
   display: none;
}
/* Optional: slightly dim collapsed groups */
.skin-vector #mw-panel .portal.vector-collapsible--collapsed > h3,
.skin-vector-2022 nav.vector-menu-portal.vector-collapsible--collapsed .vector-menu-heading {
  opacity: 0.85;
}
/* Keyboard focus style on headers */
.skin-vector #mw-panel .portal > h3:focus,
.skin-vector-2022 nav.vector-menu-portal .vector-menu-heading:focus {
  outline: 2px solid var(--color-progressive,#36c);
  outline-offset: 2px;
}
}

Revision as of 16:01, 25 August 2025

/* Collapsible Sidebar – Icon via span.vector-collapse-icon */

.vector-collapse-icon {
  position: absolute;
  left: 0.35em;
  top: 50%;
  width: 0.85em;
  height: 0.85em;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 150ms ease;
  display: inline-block;
  pointer-events: none; /* Click passes through to heading */
}

.vector-collapsible--expanded > h3 .vector-collapse-icon,
.vector-collapsible--expanded > .vector-menu-heading .vector-collapse-icon {
  transform: translateY(-50%) rotate(180deg);
}

/* Hide collapsed body */
.skin-vector #mw-panel .portal.vector-collapsible--collapsed > .body,
.skin-vector-2022 nav.vector-menu-portal.vector-collapsible--collapsed .vector-menu-content {
  display: none;
}
Retrieved from "http://blitzletters.org/mw14/index.php?title=MediaWiki:Common.css&oldid=170"