mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-24 23:55:53 +00:00
a44782d763
Notifications have a deliberately high z-index in core (10,000) by design. They are supposed to appear on top of every popup, including modal windows (e.g. OOUI modals z-index of 101). Notifications are ephemeral and dismissable with a single click so the fact that they temporarily block a small part of the UI is not usually an issue, although their placement tries to reduce the likelyhood of this. Bug: T312783 Bug: T312778 Change-Id: I2f426ec71995bf810355b071cb966a4dd922dc64
31 lines
743 B
Plaintext
31 lines
743 B
Plaintext
@import '../resources/common/variables.less';
|
|
|
|
/* mediawiki.notification */
|
|
|
|
.mw-notification-area {
|
|
font-size: @font-size-notification;
|
|
}
|
|
|
|
.mw-notification-area-layout {
|
|
top: 7em;
|
|
}
|
|
|
|
.mw-notification {
|
|
border: @border-base;
|
|
border-radius: @border-radius-base;
|
|
box-shadow: 0 2px 2px 0 rgba( 0, 0, 0, 0.25 );
|
|
}
|
|
|
|
.vector-sticky-header-enabled .mw-notification-area {
|
|
transition: @transition-sticky-header;
|
|
}
|
|
|
|
/**
|
|
* When the sticky header is open in modern Vector,
|
|
* and the notification bar is also open, the notification
|
|
* should be moved so that it doesn't obstruct the sticky header
|
|
*/
|
|
.vector-sticky-header-visible .mw-notification-area-overlay > .mw-notification-area-floating {
|
|
transform: translateY( @height-sticky-header );
|
|
}
|