mediawiki-extensions-Echo/modules/styles/mw.echo.ui.DatedSubGroupListWidget.less

@import '../echo.variables';
.mw-echo-ui-datedSubGroupListWidget {
	// We have to reiterate the fixed width here so that the
	// concatenation works inside the items. This is an issue
	// with css' table-layout, which notification items are
	// set to
	width: @specialpage-width;

	&-title {
		font-weight: normal;

		&-primary {
			font-size: 1.5em;
			margin-right: 0.5em;
			display: inline-block;
			&::first-letter {
				text-transform: uppercase;
			}
		}

		&-secondary {
			font-size: 1.5em;
			color: #777777;
		}
	}

	@media all and ( max-width: @specialpage-mobile-width-medium ) {
		// Make narrow
		width: @specialpage-mobile-width-small;

		.mw-echo-ui-subGroupListWidget-header-row-markAllReadButton {
			font-size: 0.8em;
		}

		&-title-primary {
			font-size: 1.2em;
		}

		&-title-secondary {
			display: none;
		}
	}

	@media all and ( max-width: @specialpage-mobile-width-small ) {
		// Make narrow with margin
		width: @specialpage-mobile-width-small - 32px;
	}
}