This task is a merger of parts of T337950 and T319238
Due to vertical padding on .mw-body, the menus in the left and right sidebars in the Zebra CSS are vertically misaligned.
The screenshot below shows how columnStart starts at a different height than columnEnd due to this vertical padding. This makes the sidebars difficult to align.
This padding also causes the bottom of the footer to end at a different height than the content.
current padding | desired result |
Per T319238, we should remove the vertical padding from the .mw-body element in order to achieve better alignment.
A/C
- .mw-body has no top/bottom padding
- the underlines of the sidebar menus align with the underline on the tabs
- the TOC ends at the same height as the content
https://phabricator.wikimedia.org/T351432#9372401
https://phabricator.wikimedia.org/T351432#9381767
QA Results - Beta
AC | Status | Details |
---|---|---|
1 | ✅ | T351432#9372401 |
2 | ✅ | T351432#9372401 |
3 | ✅ | T351432#9373260 |
QA Results - Prod
AC | Status | Details |
---|---|---|
1 | ✅ | T351432#9381767 |
2 | ❓ | T351432#9381767 |
3 | ✅ | T351432#9381767 |