Jump to content

MediaWiki:Vector.css: Difference between revisions

From Transight Wiki
No edit summary
No edit summary
Line 1: Line 1:
/* Style the main menu button (hamburger) */
/* Force the hamburger menu icon to appear in black */
.vector-main-menu-landmark button {
.vector-main-menu-landmark .vector-icon {
  background-color: transparent !important;
    color: black !important;
  color: black !important;
    fill: black !important;
  fill: black !important;
    stroke: black !important;
  border: none;
}
 
/* Button hover/focus state also in black */
.vector-main-menu-landmark .vector-icon:hover,
.vector-main-menu-landmark .vector-icon:focus {
    color: black !important;
    fill: black !important;
    stroke: black !important;
}
}


/* If it's using ::before or svg icon */
/* Optional: Remove burgundy background on hover */
.vector-main-menu-landmark button::before {
.vector-main-menu-landmark button {
  content: "☰"; /* Fallback if icon is broken */
    background: transparent !important;
  color: black !important;
    border: none !important;
  font-size: 20px;
  padding: 5px;
}
}

Revision as of 09:18, 28 June 2025

/* Force the hamburger menu icon to appear in black */
.vector-main-menu-landmark .vector-icon {
    color: black !important;
    fill: black !important;
    stroke: black !important;
}

/* Button hover/focus state also in black */
.vector-main-menu-landmark .vector-icon:hover,
.vector-main-menu-landmark .vector-icon:focus {
    color: black !important;
    fill: black !important;
    stroke: black !important;
}

/* Optional: Remove burgundy background on hover */
.vector-main-menu-landmark button {
    background: transparent !important;
    border: none !important;
}