Jump to content

MediaWiki:Vector-2022.css: Difference between revisions

No edit summary
No edit summary
Line 2,408: Line 2,408:
/* REMOVE HOVER BACKGROUND — MAIN MENU BUTTON              */
/* REMOVE HOVER BACKGROUND — MAIN MENU BUTTON              */
/* ========================================================= */
/* ========================================================= */
#vector-page-titlebar-toc-label .cdx-button:hover,
/*#vector-page-titlebar-toc-label .cdx-button:hover,
#vector-sticky-header-toc-label .cdx-button:hover,
#vector-sticky-header-toc-label .cdx-button:hover,
#vector-main-menu-dropdown .cdx-button:hover,
#vector-main-menu-dropdown .cdx-button:hover,
Line 2,417: Line 2,417:
}
}


/* Also kill the pseudo overlay (important!) */
 
#vector-main-menu-dropdown .cdx-button::before {
#vector-main-menu-dropdown .cdx-button::before {
     display: none !important;
     display: none !important;
Line 2,426: Line 2,426:
}
}


/* Prevent checkbox hover triggering visual effect */
 
#vector-main-menu-dropdown  
#vector-main-menu-dropdown  
.vector-dropdown-checkbox:hover  
.vector-dropdown-checkbox:hover  
+ .cdx-button {
+ .cdx-button {
     background: rgba(146,255,0,0.30) !important;
     background: rgba(146,255,0,0.30) !important;
}*/
/* ========================================================= */
/* REMOVE HOVER BUG — VECTOR DROPDOWNS                      */
/* ========================================================= */
/* Kill Codex hover background */
#vector-page-titlebar-toc-label:hover,
#vector-sticky-header-toc-label:hover,
#vector-main-menu-dropdown .cdx-button:hover {
    background: rgba(146,255,0,0.30) !important;
    box-shadow: none !important;
}
/* Remove pseudo overlay (Codex ripple/overlay) */
#vector-main-menu-dropdown .cdx-button::before,
#vector-sticky-header-toc-label::before,
#vector-page-titlebar-toc-label::before {
    display: none !important;
}
/* 🔥 KEY FIX: disable input-driven hover */
#vector-main-menu-dropdown
.vector-dropdown-checkbox:hover + .cdx-button,
#vector-sticky-header-toc-checkbox:hover
+ #vector-sticky-header-toc-label,
#vector-page-titlebar-toc-checkbox:hover
+ #vector-page-titlebar-toc-label {
    background: transparent !important;
    box-shadow: none !important;
}
}