Merge "[Zebra] Update to 483c6bb Align sidebar TOC with main menu"

This commit is contained in:
jenkins-bot 2023-12-05 17:00:16 +00:00 committed by Gerrit Code Review
commit a9f7b251fd
4 changed files with 7 additions and 21 deletions

View file

@ -48,7 +48,6 @@
overflow: hidden;
z-index: @z-index-dropdown;
.mixin-vector-dropdown-menu();
.mixin-vector-scrollable-with-fade();
max-height: 75vh;
}
}

View file

@ -24,6 +24,9 @@
// Applies styles for making a pinned element sticky
position: sticky;
top: @grid-row-gap;
// Support: Chrome
// Work around sticky-positioned layers disabling subpixel text rendering (T327460).
contain: paint;
// Border-box changes the height calculation.
box-sizing: border-box;
// Height is viewport height - row gap above and below the container.

View file

@ -156,8 +156,3 @@ body {
.skin--responsive .mw-page-container {
min-width: auto;
}
.vector-column-end {
// T327460: Prevent subpixel rendering issues associated with the text and Chrome.
contain: paint;
}

View file

@ -1,19 +1,8 @@
.mw-table-of-contents-container.vector-sticky-pinned-container {
.vector-column-start .vector-sticky-pinned-container {
// Aligns the text of the sidebar TOC with the main menu.
margin-left: -@toc-list-item-padding-start;
}
.mw-table-of-contents-container {
// Needed for Grid-based layout
align-self: start;
}
&.vector-feature-toc-pinned-clientpref-1 #mw-panel-toc {
// Support: Chrome
// Work around sticky-positioned layers disabling subpixel text rendering (T327460).
// NOTE: This property has an effect similar to 'overflow: hidden', and will prevent elements
// The negative margins must be applied here, because .vector-sticky-pinned-container has
// contain: paint, which has an effect similar to 'overflow: hidden', and will prevent elements
// inside of the panel from being rendered outside of its bounding box, even when they would
// be positioned there using absolute positioning, negative margin, transforms, etc.
// That's why the negative margins have to be applied here, instead of on #vector-toc.
contain: paint;
margin-left: -@toc-list-item-padding-start;
}