mediawiki-skins-MinervaNeue/resources/skins.minerva.styles/NotificationsOverlay.less
lmora 9b48993728 Reduce ResourceLoader modules
Delete the following deprecated modules:
skins.minerva.base.styles, skins.minerva.mainMenu.styles,
skins.minerva.icons.wikimedia and skins.minerva.mainMenu.icons
And reorganize files for skins.minerva.styles

Bug: T266361
Change-Id: I35b1d9461edd63a1a5d488a2fdc6939547fd29ad
2024-12-04 15:44:17 -06:00

44 lines
896 B
Plaintext

@import '../../minerva.less/minerva.variables.less';
.notifications-overlay {
visibility: visible;
a {
text-decoration: none;
}
}
// needs to be more specific than .overlay rules
.notifications-overlay.navigation-drawer {
display: block;
width: auto;
right: 0;
box-shadow: @box-shadow-drop-medium;
transform: translate( 100%, 0 );
transition: transform @transition-duration-medium @transition-timing-function-menu;
&.visible {
transform: translate( 0, 0 );
}
}
@media all and ( min-width: @min-width-breakpoint-tablet ) {
@rightDrawerLeftOffset: 100% - @drawer-width-right;
.notifications-overlay.navigation-drawer {
left: @rightDrawerLeftOffset;
.overlay-header {
margin: 0; // T210191
width: 100%; // T218731
// T170903
max-width: none;
.cancel {
// 0 because we want to have some tappable area to the left of the icon
left: 0;
}
}
}
}