mediawiki-skins-Citizen/skinStyles/ext.echo.ui.less

/*
 * Citizen - Echo Styles
 * https://starcitizen.tools
*/

@import '../resources/variables.less';
@import '../resources/mixins.less';

.mw-echo-ui-overlay {
	z-index: 6;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
	position: relative;
	z-index: 2;
	border: 0 !important;
	.boxshadow(2);
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
	border-color: @base-80 !important;
}

.mw-echo-ui-notificationItemWidget {
	max-width: 100vw;
}

// 500px or below will break the message box, +40px margin
@media only screen and ( max-width: 540px ) {
	.mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
		left: 0 !important;

		> .oo-ui-popupWidget-popup {
			width: auto !important;

			> .oo-ui-popupWidget-body {
				width: auto !important;
			}
		}

		> .oo-ui-popupWidget-anchor {
			display: none;
		}
	}
}