Change Details

=== Description Because the ToC starts "sticking" before the sticky header appears, there's some additional/unnecessary motion that occurs when the sticky header appears and the ToC slides down (to make room for it, so they don't overlap): {F34930663} From a CSS perspective this occurs when the `top` value of the `toc-wrapper` changes from 20px to ~60px. To avoid this additional/unnecessary motion we could anticipate the sticky header and set the `top` value for the ToC to ~60px to begin with. The result, when scrolling down the page, would be something like this: {F34930664} === Notes - Once we do T298836 the sticky header will be hidden below 1000px, so the change described in this task should only apply to windows wider than 1000px.

=== Description Because the ToC starts "sticking" before the sticky header appears, there's some additional/unnecessary motion that occurs when the sticky header appears and the ToC slides down (to make room for it, so they don't overlap): {F34930663} From a CSS perspective this occurs when the `top` value of the `toc-wrapper` changes from 20px to ~60px. To avoid this additional/unnecessary motion we could anticipate the sticky header and set the `top` value for the ToC to ~60px to begin with. The result, when scrolling down the page, would be something like this: {F34930664} === Notes - This change is only needed when the sticky header is present, which means only for: - logged-in people - with browsers wider than 1000px (see T298836)

=== Description Because the ToC starts "sticking" before the sticky header appears, there's some additional/unnecessary motion that occurs when the sticky header appears and the ToC slides down (to make room for it, so they don't overlap): {F34930663} From a CSS perspective this occurs when the `top` value of the `toc-wrapper` changes from 20px to ~60px. To avoid this additional/unnecessary motion we could anticipate the sticky header and set the `top` value for the ToC to ~60px to begin with. The result, when scrolling down the page, would be something like this: {F34930664} === Notes - Once we do T298836- This change is only needed when the sticky header will be hidden below 1000px,is present, which means only for: - logged-in people so the change described in this task should only apply to windows wider than 1000px.- with browsers wider than 1000px (see T298836)