VectorGOLEM/resources/skins.vector.styles/components
Nicholas Ray 91af0e098d Make search toggleable at smaller screen widths
Now that the header collapses at small resolutions
(I89d75843ca7e33e6de93af5d7c22e46b7249c4b7), this commit wires the
search toggle to show the search box when clicked and hides it when the
user clicks outside the search box.

* Adds searchToggle.js to perform handle the toggle behavior of the
searchbox.
* Adds `@padding-horizontal-tabs`, `@size-search-expand` to variables.less
so that these can be used to set the start margin of the search box
(enabling its start edge to match the tab text start edge).
* Modifies screen.less to only apply search max-width when >=
@width-breakpoint-tablet

Bug: T284242
Change-Id: I82563d44967f60aee1cd4d3aa6fb4f405822686b
2021-07-14 00:14:45 +00:00
..
LanguageButton.less Fix: update to 80d734b4, hide language dropdown when ULS loads 2021-05-07 12:24:30 +02:00
Logo.less Collapse header at lower resolutions 2021-06-30 21:43:35 +00:00
SearchBoxLoader.less Update search loading animation delay to 500ms 2021-06-24 17:18:16 +00:00
Sidebar.less Reorganize LESS files to match ResourceLoader conventions 2021-04-08 15:47:56 +01:00
UserLinks.less Fix collapsible item behaviour 2021-07-13 23:42:34 +00:00
VueEnhancedSearchBox.less Make search toggleable at smaller screen widths 2021-07-14 00:14:45 +00:00
checkboxHack.less Reorganize LESS files to match ResourceLoader conventions 2021-04-08 15:47:56 +01:00