mediawiki-skins-MinervaNeue/skinStyles/mobile.notifications.overlay/minerva.less
jdlrobson c970b4aa8f Fix positioning and size of mark all as read button in NotificationOverlay
Bug: T218731
Change-Id: I38980f9f546ba32090f34c9ec584bb08ed11dd5c
2019-03-19 12:51:13 -07:00

33 lines
632 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
width: 100%; // T218731
// T170903
max-width: none;
}
}
}