mediawiki-skins-Vector/resources/skins.vector.styles/components/PinnableElement.less
bwang badd229bab Fix nonzebra sticky container scrolling behavior and scrollable indicator
- Remove unnecessary CSS from old grid styles
- Consolidate scrollable indicator styles, delete old styles

Bug: T352464
Change-Id: Id33e6d99dba2c680f02b246bbccf26a2aa7e77d9
2023-12-05 19:32:36 +00:00

25 lines
772 B
Plaintext

.vector-pinned-container .vector-pinnable-element {
// Make the heading border line up with the edge of the text
// (Whereas in a dropdown, the border lines up with the edge of the dropdown container).
.vector-pinnable-header,
.vector-menu-heading,
.mw-list-item a {
padding-left: 0;
padding-right: 0;
}
}
.vector-sticky-pinned-container {
// Add fade indicator.
.mixin-vector-scrollable-with-fade();
// Applies styles for making a pinned element sticky
position: sticky;
top: 0;
// Support: Chrome
// Work around sticky-positioned layers disabling subpixel text rendering (T327460).
contain: paint;
// Border-box changes the height calculation.
box-sizing: border-box;
max-height: ~'calc( 100vh - @{max-height-bottom-spacing-scroll-indicator} )';
}