<commit_before>// FIXME: some of this could be removed if we reused .page-list styling
@import 'mediawiki.ui/variables.less';
@import 'mediawiki.mixins.less';

@overlayHeaderHeight: 3em;

.notifications-overlay {
	// position: fixed + sliding drawer causes weird rendering bugs in Android
	// Browser (tested on 4.0.4 and 4.2.1)
	padding-top: 0;

	&-header-markAllRead {
		padding-right: 1em;
	}

	&-overlay {
		position: absolute;
		bottom: @overlayHeaderHeight;
		right: 0;
		left: 0;
		z-index: 1;

		.mw-echo-ui-actionMenuPopupWidget-menu {
			padding: 0.5em;
			box-shadow: none;
			border: 1px solid @colorGray12;
			border-width: 1px 0 0 0;
			// Override the positioning of the menu
			// so it is "stuck" on the bottom of the
			// notification overlay panel
			position: static !important;
			bottom: 0 !important;
			left: 0 !important;
			width: 100% !important;
			height: auto !important;
			top: auto !important;
		}
	}

	.overlay-content {
		// this is needed not only on iOS, that's why we repeat it here even though
		// it's in Overlay.less too
		overflow-y: scroll; // has to be scroll, not auto
		position: absolute;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		max-width: none; // T219320
		top: @overlayHeaderHeight;
		bottom: @overlayHeaderHeight;

		.mw-echo-ui-notificationsWidget {
			top: @overlayHeaderHeight;
			height: 100%;
		}

		.mw-echo-ui-notificationItemWidget {
			border-left: 0;
			border-right: 0;
		}
	}

	.user-button {
		position: absolute;
		right: 0;
		top: 0;
		padding-right: 0;
		// Should correspond to @z-indexOverOverlay in MobileFrontend
		z-index: 2;
	}
}
<commit_msg>Minerva popup: Fix scope of border-left/right rule<commit_after>// FIXME: some of this could be removed if we reused .page-list styling
@import 'mediawiki.ui/variables.less';
@import 'mediawiki.mixins.less';

@overlayHeaderHeight: 3em;

.notifications-overlay {
	// position: fixed + sliding drawer causes weird rendering bugs in Android
	// Browser (tested on 4.0.4 and 4.2.1)
	padding-top: 0;

	&-header-markAllRead {
		padding-right: 1em;
	}

	&-overlay {
		position: absolute;
		bottom: @overlayHeaderHeight;
		right: 0;
		left: 0;
		z-index: 1;

		.mw-echo-ui-actionMenuPopupWidget-menu {
			padding: 0.5em;
			box-shadow: none;
			border: 1px solid @colorGray12;
			border-width: 1px 0 0 0;
			// Override the positioning of the menu
			// so it is "stuck" on the bottom of the
			// notification overlay panel
			position: static !important;
			bottom: 0 !important;
			left: 0 !important;
			width: 100% !important;
			height: auto !important;
			top: auto !important;
		}
	}

	.overlay-content {
		// this is needed not only on iOS, that's why we repeat it here even though
		// it's in Overlay.less too
		overflow-y: scroll; // has to be scroll, not auto
		position: absolute;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		max-width: none; // T219320
		top: @overlayHeaderHeight;
		bottom: @overlayHeaderHeight;

		.mw-echo-ui-notificationsWidget {
			top: @overlayHeaderHeight;
			height: 100%;
		}

		.mw-echo-ui-notificationsListWidget > .mw-echo-ui-notificationItemWidget {
			border-left: 0;
			border-right: 0;
		}
	}

	.user-button {
		position: absolute;
		right: 0;
		top: 0;
		padding-right: 0;
		// Should correspond to @z-indexOverOverlay in MobileFrontend
		z-index: 2;
	}
}

{'fraction_non_alphanumeric': 0.12032325651002694, 'fraction_numerical': 0.027536665668961388, 'mean_word_length': 3.131025957972806, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 4, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1047394', 'n_tokens_mistral': 1380, 'n_tokens_neox': 1143, 'n_words': 351}