MinervaNeue/skinStyles/mobile.notifications.overlay/minerva.less
jdlrobson fef6dd217a Fix notification overlay margins in tablet mode
Bug: T210191
Change-Id: Ia4858dcc295216eb17c9cf69e1f21153c172c0e7
2018-12-18 00:30:35 +00:00

32 lines
605 B
Plaintext

@import '../../minerva.less/minerva.variables';
.notifications-overlay .overlay-content {
top: @headerHeight;
bottom: @headerHeight;
.mw-echo-ui-notificationsWidget {
top: @headerHeight;
}
}
@media all and ( min-width: @width-breakpoint-tablet ) {
.notifications-overlay {
.mw-echo-notification {
padding: 1.75em @contentPaddingTablet;
}
.overlay-header .cancel {
// 0 because we want to have some tappable area to the left of the icon
left: 0;
}
.overlay-header {
padding-left: 0;
padding-right: 0;
margin: 0; // T210191
// T170903
max-width: none;
}
}
}