Background
If the TOC is collapsed (either because the screen is narrow, or someone has pressed the "hide" button), a button is present that allows you to access it. This button appears at the top of the page, or if you are scrolled down it appears as a floating button. This task is about ensuring that the floating button is present in the specific case of logged-out, above 1000px, and scrolled down the page.
Current TOC button availability when scrolled down the page:
| logged-in | logged-out | |
| below 1000px | ✅ | ✅ |
| above 1000px | ✅ (in sticky header) | ❌ |
QA Steps
- Visit https://en.wikipedia.org/wiki/Oscar_Isaac?useskin=vector-2022 in an incognito window (i.e. logged-out), with a screen wider than 1000px
- Click "hide" on table of contents
- Scroll down page
Expected:
Floating TOC button is present on the page
Actual:
No floating TOC button is present on the page
AC
- TOC floats to top left corner of the page when the "hide" button is pressed, user scrolls past the page title, the sticky header isn't present, and on larger screensizes
Developer notes
Should be a small CSS change in TableOfContentsUnpinned.less
Adding a case for .vector-below-page-title and .vector-toc-unpinned:not( .vector-sticky-header-visible )
QA Results - Beta
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T315932#8639557 |
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T315932#8665151 |
