At the bottom of the page it appears fine:
At the top of the page it is under the sticky header (barely visible):
| Esanders | |
| Sep 24 2022, 11:33 AM |
| F35596637: Screenshot 2022-10-18 at 15.40.27.png | |
| Oct 18 2022, 2:52 PM |
| F35596638: Screenshot 2022-10-18 at 15.40.14.png | |
| Oct 18 2022, 2:52 PM |
| F35596640: Screenshot 2022-10-18 at 15.41.32.png | |
| Oct 18 2022, 2:52 PM |
| F35596639: Screenshot 2022-10-18 at 15.41.17.png | |
| Oct 18 2022, 2:52 PM |
| F35596644: Screenshot 2022-10-18 at 15.42.24.png | |
| Oct 18 2022, 2:52 PM |
| F35596645: Screenshot 2022-10-18 at 15.42.35.png | |
| Oct 18 2022, 2:52 PM |
| F35596641: Screenshot 2022-10-18 at 15.39.14.png | |
| Oct 18 2022, 2:52 PM |
| F35596642: Screenshot 2022-10-18 at 15.39.29.png | |
| Oct 18 2022, 2:52 PM |
At the bottom of the page it appears fine:
At the top of the page it is under the sticky header (barely visible):
Change 834641 had a related patch set uploaded (by Esanders; author: Esanders):
[mediawiki/extensions/DiscussionTools@master] Move "Return to comment" below sticky header when present
Change 834641 merged by jenkins-bot:
[mediawiki/extensions/DiscussionTools@master] Move "Return to comment" below sticky header when present
It’s also (and still) broken on Timeless, except that it’s not visible at all, since the Timeless sticky header isn’t transparent. Couldn’t we have a more general solution, which fixes Vector and Timeless as well as any third-party skins that have sticky headers?
This occurerd to me as well:
In JS would could provide an API for defining the viewport dimensions (similar to what we have in ve.ui.Surface#getViewportDimensions which accounts for the floating toolbar).
For CSS users using position:fixed, this is always relative to the whole page viewport, so you could define some LESS variables. They would need to be defined by the skin, but available globally (e.g. to core and extensions).
It would also not account for dynamic elements which may or may not be present, and wouldn't be supported by gadgets.
A better approach might be to define a class framework, e.g. .skin-viewport-top { top: 0 } which the sticky header could override to .skin-viewport-top { top: 50px; }.
Change 843498 had a related patch set uploaded (by Esanders; author: Esanders):
[mediawiki/extensions/DiscussionTools@master] Follow-up I394f02912: Use existing class API to move button away from sticky header
Change 843498 merged by jenkins-bot:
[mediawiki/extensions/DiscussionTools@master] Follow-up I394f02912: Use existing class API to move button away from sticky header