mediawiki-skins-Vector/skinStyles/mediawiki.notification.less
bwang 628804871e Implement new zebra design for the header under the flag
Bug: T332449
Depends-On: Ia21c14f72631e607e0d626408557eacb83529a03
Change-Id: I9a7d6fac7c44be1983281a44766d34a16f515b40
2023-04-04 21:27:31 +00:00

31 lines
738 B
Plaintext

@import '../resources/common/variables.less';
/* mediawiki.notification */
.mw-notification-area {
font-size: @font-size-notification;
}
.mw-notification-area-layout {
top: 3.5em;
}
.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-header );
}