Set Vector search variables relative to @font-size-base factor and increase max-width
T270202 shows the correct dimensions of the search component having a
max-width of 500px and min-width of 350px but since we set the font size
of `#p-search` to `@font-size-base` [1], I suspect the search related
variables need to account for this factor as well.
This increases the max-width of search to 500px per the spec.
[1] 30eb683a70/resources/skins.vector.styles/VueEnhancedSearchBox.less (L23)
Bug: T270202
Change-Id: I13ad550734e8a5347ed70e4b3c33102b4a13bde7
This commit is contained in:
parent
538ccb24d8
commit
ef700c4a6a
@ -27,10 +27,11 @@
|
|||||||
// This assumes the presence of variables inside layout.less. DO NOT import it separately.
|
// This assumes the presence of variables inside layout.less. DO NOT import it separately.
|
||||||
// Assumes various variables defined there.
|
// Assumes various variables defined there.
|
||||||
|
|
||||||
@min-width-search: unit( 150px / @font-size-browser, em );
|
// canonical version of spec: T270202
|
||||||
@min-width-search-tablet: unit( 350px / @font-size-browser, em );
|
@min-width-search: unit( 150px / @font-size-browser / @font-size-base, em );
|
||||||
@max-width-search: unit( 450px / @font-size-browser, em );
|
@min-width-search-tablet: unit( 350px / @font-size-browser / @font-size-base, em );
|
||||||
@margin-horizontal-search: unit( 40px / @font-size-browser, em );
|
@max-width-search: unit( 500px / @font-size-browser / @font-size-base, em );
|
||||||
|
@margin-horizontal-search: unit( 40px / @font-size-browser / @font-size-base, em );
|
||||||
|
|
||||||
// The logo is variable width but typically consists of:
|
// The logo is variable width but typically consists of:
|
||||||
// - a icon (50x50)
|
// - a icon (50x50)
|
||||||
|
Loading…
Reference in New Issue
Block a user