VectorGOLEM/resources/skins.vector.styles/components
Nicholas Ray 1209b388e9 Add scroll padding to the root element when the sticky header is enabled
When the sticky header is visible, it has a global impact on the
scrolling UX. For example, it can undesirably overlap elements when the
user clicks on a jump link and when the user tabs through elements in
reverse order. Therefore, we need to add scroll padding to the root
element when the sticky header is enabled (when the feature flag is on
and at higher resolutions)

Known limitations:

* Scroll padding is supported by all the latest modern browsers except
for Safari [1]. This was considered an acceptable tradeoff with the
caveat that this decision may be revisited in the future as we learn
more about user interaction with the sticky header.

[1] https://caniuse.com/mdn-css_properties_scroll-padding-top

Bug: T290518
Change-Id: Ie5eb01d7eafd18ce740be620dfb5c8849386af6e
2021-09-29 14:25:26 -06:00
..
Header.less Allow multiple search components on the same page 2021-09-23 23:23:58 +00:00
LanguageButton.less Fix sticky header language button 2021-09-21 19:59:16 +00:00
Logo.less Collapse header at lower resolutions 2021-06-30 21:43:35 +00:00
SearchBoxLoader.less Allow multiple search components on the same page 2021-09-23 23:23:58 +00:00
Sidebar.less Simplify how we generate icons and button classes in Vector 2021-09-03 19:25:31 +00:00
StickyHeader.less Add scroll padding to the root element when the sticky header is enabled 2021-09-29 14:25:26 -06:00
UserLinks.less Simplify how we generate icons and button classes in Vector 2021-09-03 19:25:31 +00:00
VueEnhancedSearchBox.less Allow multiple search components on the same page 2021-09-23 23:23:58 +00:00
checkboxHack.less Reorganize LESS files to match ResourceLoader conventions 2021-04-08 15:47:56 +01:00