mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-14 19:26:42 +00:00
Merge "[Zebra] Update to 483c6bb
Align sidebar TOC with main menu"
This commit is contained in:
commit
a9f7b251fd
|
@ -48,7 +48,6 @@
|
|||
overflow: hidden;
|
||||
z-index: @z-index-dropdown;
|
||||
.mixin-vector-dropdown-menu();
|
||||
.mixin-vector-scrollable-with-fade();
|
||||
max-height: 75vh;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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.
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue