mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-28 17:40:12 +00:00
8a88f61e89
Pixel shows 15 regressions, these are expected changes that are fixing issues on specific viewports that fixes the following: [At exactly the tablet breakpoint] * the more menu dropdown was being shown at the same time as the other menu items, resulting in duplicates (see https://phabricator.wikimedia.org/F35285379) [At exactly the desktop breakpoint] * The table of contents AND the table of contents toggle button to the left of the title were showing (see https://phabricator.wikimedia.org/F35285392) * The sticky header was not showing * The fly out table of contents was showing instead of the sidebar table of contents on scroll * The top of the sidebar is brought into alignment with the tabs (see https://phabricator.wikimedia.org/F35285408) Bug: T310536 Change-Id: I6e870a032c8ba4ec003d00ff3f91732aaa2f38b0
40 lines
775 B
Plaintext
40 lines
775 B
Plaintext
@import '../resources/common/variables.less';
|
|
|
|
/** Mixin for collapsing the Echo new messages alert */
|
|
.echo-alert-collapse() {
|
|
font-size: 12px;
|
|
position: absolute;
|
|
top: 100%;
|
|
right: 0;
|
|
}
|
|
|
|
.vector-user-links {
|
|
.vector-menu-content-list {
|
|
.mw-echo-alert {
|
|
padding: 0.2em 0.5em;
|
|
white-space: nowrap;
|
|
// Prevent alert message from pushing user links off screen
|
|
max-width: 270px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
|
|
.mw-ui-icon.mw-ui-icon-before:before {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media ( max-width: @min-width-desktop-wide ) {
|
|
.mw-echo-alert {
|
|
.echo-alert-collapse();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// If the user link is wide, always collapse
|
|
.vector-user-links-wide .vector-menu-content-list {
|
|
.mw-echo-alert {
|
|
.echo-alert-collapse();
|
|
}
|
|
}
|