mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-12-01 02:37:05 +00:00
6777c5b1fe
Reduces the min-width to 340px with several changes at lower resolutions * collapses create account into dropdown * hides language button and user messages * The search component is updated to include a search toggle which can be used to hide and show the search input at lower resolutions - this leads to a slight HTML change with caching implications, it also moves away from a BEM usage which is not standard for this repository. * limits width of logo based on the dimensions we display in mobile Bug: T276566 Change-Id: I89d75843ca7e33e6de93af5d7c22e46b7249c4b7
33 lines
1.3 KiB
Plaintext
33 lines
1.3 KiB
Plaintext
{{!
|
|
See @typedef SearchData
|
|
}}
|
|
<div id="p-search" role="search" class="{{class}}">
|
|
<div>
|
|
<h3 {{{html-user-language-attributes}}}>
|
|
<label for="searchInput">{{msg-search}}</label>
|
|
</h3>
|
|
<form action="{{form-action}}" id="searchform">
|
|
<div id="simpleSearch"{{#input-location}} data-search-loc="{{.}}"{{/input-location}}>
|
|
{{{html-input}}}
|
|
<input type="hidden" name="title" value="{{page-title}}"/>
|
|
{{! We construct two buttons (for 'go' and 'fulltext' search modes), but only one will be
|
|
visible and actionable at a time (they are overlaid on top of each other in CSS).
|
|
* Browsers will use the 'fulltext' one by default (as it's the first in tree-order),
|
|
which is desirable when they are unable to show search suggestions (either due to being
|
|
broken or having JavaScript turned off).
|
|
* The mediawiki.searchSuggest module, after doing tests for the broken browsers, removes
|
|
the 'fulltext' button and handles 'fulltext' search itself; this will reveal the 'go'
|
|
button and cause it to be used. !}}
|
|
{{{html-button-search-fallback}}}
|
|
{{{html-button-search}}}
|
|
</div>
|
|
</form>
|
|
</div>
|
|
{{#is-collapsible}}
|
|
<a class="mw-ui-icon mw-ui-icon-wikimedia-search mw-ui-icon-element search-toggle"
|
|
href="{{href-search}}">
|
|
<span>{{msg-search}}</span>
|
|
</a>
|
|
{{/is-collapsible}}
|
|
</div>
|