MediaWiki:Common.css: Difference between revisions

From SZ
Jump to navigation Jump to search
← Older edit
No edit summary
Tag: Reverted
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* === Collapsible Sidebar (Vector legacy + Vector 2022) === */


/* Normalize clickable headers */
/*
.skin-vector #mw-panel .portal > h3,
#mw-panel.collapsed {
.skin-vector-2022 nav.vector-menu-portal .vector-menu-heading {
    width: 0;
  position: relative;
    overflow: hidden;
  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 */
#mw-panel.collapsed .portal,
.skin-vector #mw-panel .portal > h3::before,
#mw-panel.collapsed .vector-menu-content {
.skin-vector-2022 nav.vector-menu-portal .vector-menu-heading::before {
    display: none;
  content: "";
  position: absolute;
  left: 0.35em;
  top: 50%;
  width: 0.85em;
  height: 0.85em;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 150ms ease;
  background-repeat: no-repeat;
  background-position: center;
  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::before,
.vector-collapsible--expanded > .vector-menu-heading::before {
  transform: translateY(-50%) rotate(180deg);
}


/* Hide/show the lists */
/*
.skin-vector #mw-panel .portal.vector-collapsible--collapsed > .body,
 
.skin-vector-2022 nav.vector-menu-portal.vector-collapsible--collapsed .vector-menu-content {
.vector-menu.mw-portlet li.collapsible-header,
   display: none;
.vector-menu-portal li.collapsible-header {
  cursor: pointer;
  font-weight: 600;
   display: flex;
  align-items: center;
}
}


/* Optional: slightly dim collapsed groups */
.mw-collapsible-arrow {
.skin-vector #mw-panel .portal.vector-collapsible--collapsed > h3,
  display: inline-block;
.skin-vector-2022 nav.vector-menu-portal.vector-collapsible--collapsed .vector-menu-heading {
  width: 1em;
   opacity: 0.85;
  margin-right: 4px;
  transform-origin: center;
   transition: transform 0.2s ease;
  user-select: none;
}
}


/* Keyboard focus style on headers */
li.collapsible-header.open > .mw-collapsible-arrow {
.skin-vector #mw-panel .portal > h3:focus,
   transform: rotate(90deg);
.skin-vector-2022 nav.vector-menu-portal .vector-menu-heading:focus {
   outline: 2px solid var(--color-progressive,#36c);
  outline-offset: 2px;
}
}
*/

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);
}
*/
Retrieved from "http://blitzletters.org/mw14/index.php?title=MediaWiki:Common.css&oldid=196"