MediaWiki:Mobile.css: Difference between revisions
Content deleted Content added
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary |
||
Line 169:
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
width: 100%;
}
/* ======================================================= */
/* FIX SEARCH BEHAVIOR (Disable Full-Screen Overlay) */
/* ======================================================= */
/* 1. Fix Invisible Text
Force the input text to be black and the background white
so you can actually see what you are typing. */
.minerva-header .search-box .search {
color: #000 !important;
background-color: #fff !important;
opacity: 1 !important;
}
/* 2. Kill the "White Overlay" Animation
Minerva tries to expand the header to 100% height when searching.
We force it to stay small and sticky. */
html.mw-mf-search-mode .header-container.header-chrome,
body.mw-mf-search-mode .header-container.header-chrome {
height: auto !important; /* Prevent full screen height */
bottom: auto !important; /* Release bottom anchor */
position: sticky !important; /* Keep it sticky at top */
top: 0 !important;
overflow: visible !important; /* Allow dropdowns if needed */
}
/* 3. Un-hide the Page Content
Minerva hides the article content (main) when search is active.
We force it to remain visible. */
html.mw-mf-search-mode #content,
body.mw-mf-search-mode #content,
html.mw-mf-search-mode #bodyContent,
body.mw-mf-search-mode #bodyContent {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
/* 4. Allow Scrolling
Minerva locks the scrollbar when search is open.
We explicitly re-enable scrolling. */
html.mw-mf-search-mode,
body.mw-mf-search-mode {
overflow: auto !important;
position: relative !important;
}
/* 5. Hide the specific masking overlay if present */
.mw-mf-search-mode .main-menu-mask,
.mw-mf-search-mode .overlay {
display: none !important;
}
| |||