mediawiki-skins-MinervaNeue/skinStyles/mobile.notifications.overlay/minerva.less
Bartosz Dziewoński ee80c16f2c Change height of overlay headers to 3em, keep site header unchanged
Split @headerHeight variable into @siteHeaderHeight and @overlayHeaderHeight.
@overlayHeaderHeight is now set to 3em (48px).

Use @siteHeaderHeight for the base skin interface, and @overlayHeaderHeight
for overlays.

skinStyles/mobile.notifications.overlay/minerva.less:
* Update footer height to remain the same as header height.

skinStyles/mobile.startup/search/SearchOverlay.less:
* Use @siteHeaderHeight even though it is an overlay, because it's
  supposed to exactly match the base skin interface.

Bug: T215426
Change-Id: Iaa36f581a12a8eea2b755ae583b8a2c6324ebe29
2019-09-03 22:30:20 +00:00

24 lines
465 B
Plaintext

@import '../../minerva.less/minerva.variables.less';
.notifications-overlay .overlay-content {
top: @overlayHeaderHeight;
bottom: @overlayHeaderHeight;
.mw-echo-ui-notificationsWidget {
top: @overlayHeaderHeight;
}
.mw-echo-ui-notificationItemWidget {
border-left: 0;
border-right: 0;
}
}
@media all and ( min-width: @width-breakpoint-tablet ) {
.notifications-overlay {
.mw-echo-notification {
padding: 1.75em @contentPaddingTablet;
}
}
}