mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-09-25 03:09:24 +00:00
4d1c0b8940
At resolutions below 1000px, we want pinned elements such as the Page Tools menu and Main Menu to collapse. This behaviour is temporary and when the browser is resized, the pinned elements should revert to their previous pinned state. We also want to remove the ability to pin these menus at low resolutions, so the "hide/move" button is hidden. A new matchMedia event handler is added to PinnableElement.js to handle this behaviour. CSS is also added to hide the pinned menus at low resolution. This is to account for the situation where the page is loaded at narrow widths, with pinned elements, and the JS hasn't loaded yet. features.js is refactors so that class toggling can happen independently of saving the state to user preferences (since we want to toggle the classes but not save the state at lower resolutions). Bug: T326364 Change-Id: I3113ab83deb15843e04ed63ec767a85c522517b5 |
||
|---|---|---|
| .. | ||
| images | ||
| .eslintrc.json | ||
| AB.js | ||
| config.json | ||
| deferUntilFrame.js | ||
| features.js | ||
| limitedWidthToggle.js | ||
| limitedWidthToggle.less | ||
| main.js | ||
| pinnableElement.js | ||
| scrollObserver.js | ||
| searchToggle.js | ||
| sectionObserver.js | ||
| stickyHeader.js | ||
| stickyHeaderAB.js | ||
| tableOfContents.js | ||
| tableOfContentsConfig.json | ||