MediaWiki:Mobile.css: Difference between revisions
Content deleted Content added
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 131:
/* 1. DESKTOP FIX (Vector 2022 Skin) */
/* ======================================================= */
/*
.vector-header-container {
position: fixed !important;
Line 143 ⟶ 144:
}
/* Push desktop content down so it doesn't hide behind header */
body.skin-vector-2022 {
padding-top: 60px;
Line 154 ⟶ 156:
/* ======================================================= */
/* A.
/* We
even if you scroll to the very bottom of a long article. */
@media (max-width: 991px) {
body:not(.mw-mf-search-mode) .header-container.header-chrome {
position:
z-index: 99; /* Low enough to not block popups */
border-bottom: 1px solid #eaecf0 !important;▼
background-color: #fff;
}
/* PADDING COMPENSATOR */
/* Because the header is now fixed (floating), we must push the
page content down, otherwise the top of the article is hidden. */
body:not(.mw-mf-search-mode) #mw-mf-page-center {
padding-top: 55px !important; /* Adjust if your header is taller */
}
}
/* B.
/* When you tap search, Minerva adds the class '.mw-mf-search-mode'.
This allows Minerva to take over and expand the search bar to
full screen naturally, fixing the "invisible text" and "hidden box" bugs. */
body.mw-mf-search-mode .header-container.header-chrome {
position: static !important;
border-bottom: none !important;
height: 100% !important; /* Allow full screen expansion */
}
/* C.
/*
.minerva-header .search-box .search {
color: #000 !important;
opacity: 1 !important;
}
| |||