MediaWiki:Mobile.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 266:
position: fixed !important;
top: 8px !important;
height: 44px !important;
z-index: 1001 !important; /* Lower than Button (1003) */
left: 10px !important; /* Starts at Search Button */
right: 10px !important; /* Stretches to Far Right */
width: auto !important;
padding: 0 !important; margin: 0 !important;
background: transparent !important;
}
/* 3. Style Input Pill */
body.mw-mf-search-mode .minerva-header .search-box input {
width: 100% !important;
height: 44px !important;
border-radius: 8px !important;
background-color: rgba(0, 0, 0, 0.4) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: 16px !important;
/* PADDING IS KEY: */
padding-left: 44px !important; /* Text starts AFTER the Search Button */
padding-right: 50px !important; /* Text ends BEFORE the Cancel Button */
}
/* 4. Hide Inner Icon (Since we use the Button as the icon) */
.minerva-header .search-box .search-box-icon-overlay {
display: none !important;
}
/* 5. Placeholder */
body.mw-mf-search-mode .minerva-header .search-box input::placeholder {
color: rgba(255, 255, 255, 0.7) !important;
-webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important;
}
/* 6. Ensure Cancel Button ("X") is Visible on Far Right */
.search-box .search-box-cancel {
display: block !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
width: 44px !important;
height: 44px !important;
line-height: 44px !important;
text-align: center !important;
color: #fff !important;
z-index: 1004 !important;
}
| |||