MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 205: | Line 205: | ||
body.page-Home .mw-search-button { | body.page-Home .mw-search-button { | ||
margin-top: 10px !important; | margin-top: 10px !important; | ||
} | |||
} | |||
/* ========================= | |||
MOBILE SEARCH BOX FULL WIDTH FIX (REAL) | |||
========================= */ | |||
@media screen and (max-width: 768px) { | |||
/* Target ALL search forms on home */ | |||
body.page-Main_Page form, | |||
body.page-Home form { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
padding-left: 10px !important; | |||
padding-right: 10px !important; | |||
box-sizing: border-box !important; | |||
} | |||
/* Target ALL input fields inside forms */ | |||
body.page-Main_Page input[type="search"], | |||
body.page-Home input[type="search"], | |||
body.page-Main_Page input[type="text"], | |||
body.page-Home input[type="text"] { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
box-sizing: border-box !important; | |||
display: block !important; | |||
} | |||
/* Make search container full width */ | |||
body.page-Main_Page .searchbox, | |||
body.page-Home .searchbox, | |||
body.page-Main_Page .mw-search, | |||
body.page-Home .mw-search { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
} | } | ||
} | } | ||