Jump to content

MediaWiki:Minerva.css: Difference between revisions

From Vanipedia
Kashya (talk | contribs)
Created page with "→Mobile and Desktop Search Bar Layout: →1. Hide "Vanipedia" title on mobile so search bar sits in its place: body.skin-minerva .minerva-header .branding-box { display: none !important; } →2. Ensure the top bar and search input are selectable and never blocked by a mask: body.skin-minerva .minerva-header, body.skin-minerva .minerva-header .vani-mobile-search-wrap, body.skin-minerva #vani-mobile-search-input { pointer-events: auto !important; user..."
 
Kashya (talk | contribs)
No edit summary
 
Line 36: Line 36:
     visibility: visible !important;
     visibility: visible !important;
     opacity: 1 !important;
     opacity: 1 !important;
}
/* Ensure VaniSearch popup modal (#mspu_div_wrapper) stays on top of the sticky header */
#mspu_div_wrapper {
    z-index: 2147483647 !important;
}
}

Latest revision as of 02:57, 13 November 2026

/* Mobile and Desktop Search Bar Layout */

/* 1. Hide "Vanipedia" title on mobile so search bar sits in its place */
body.skin-minerva .minerva-header .branding-box {
    display: none !important;
}

/* 2. Ensure the top bar and search input are selectable and never blocked by a mask */
body.skin-minerva .minerva-header,
body.skin-minerva .minerva-header .vani-mobile-search-wrap,
body.skin-minerva #vani-mobile-search-input {
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
}

/* 3. Disable Minerva's page mask and search overlay so they cannot block clicks or hide content */
.search-overlay,
.minerva-search-overlay,
div.mw-ui-overlay.search-overlay,
body.search-enabled .mw-mf-page-center__mask,
html.overlay-enabled .mw-mf-page-center__mask,
.cdx-menu,
.cdx-typeahead-search__menu,
.suggestions,
.mw-searchSuggest {
    display: none !important;
    pointer-events: none !important;
}

html.overlay-enabled #mw-mf-page-center,
html.overlay-enabled #content,
body.search-enabled #mw-mf-page-center,
body.overlay-enabled #mw-mf-page-center {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
/* Ensure VaniSearch popup modal (#mspu_div_wrapper) stays on top of the sticky header */
#mspu_div_wrapper {
    z-index: 2147483647 !important;
}