mw.echo.ui.PageNotificationsOptionWidget.less
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

mw.echo.ui.PageNotificationsOptionWidget.less
View Options

	@import 'mediawiki.skin.variables.less';
	@import 'mediawiki.mixins.less';
	@import '../echo.variables.less';

	.mw-echo-ui-pageNotificationsOptionWidget {
	clear: both;
	box-sizing: border-box;
	width: 100%;

	&.oo-ui-optionWidget {
	transition: background-color 100ms, color 100ms;

	&-highlighted {
	background-color: @background-color-neutral;
	color: @color-emphasized;
	}

	&-selected {
	background-color: @background-color-progressive-subtle;
	color: @color-progressive;
	}

	&-selected&-highlighted,
	&-pressed&-highlighted {
	background-color: rgba( 41, 98, 204, 0.1 );
	color: @color-progressive;
	}
	}

	&-row {
	display: flex;
	}

	&-cell {
	display: table-cell;
	vertical-align: middle;
	}

	&.oo-ui-iconElement &-icon {
	min-width: 1em;

	.oo-ui-iconElement-icon {
	position: relative;
	}
	}

	&-title {
	align-items: center;
	display: flex;
	flex: 1;
	line-height: 1em;
	min-width: 0;
	padding: 0;

	&-label {
	display: block;
	// Truncate text with ellipsis.
	.text-overflow( @visible: false );
	}
	}

	&-count {
	min-width: 1em;
	}

	&-label-count {
	background-color: @background-color-neutral;
	color: @color-subtle;
	padding: 0.2em 0.5em;
	margin-left: 0.5em;
	border-radius: @border-radius-base;
	white-space: nowrap;

	.oo-ui-optionWidget-selected & {
	background-color: transparent;
	color: @color-progressive;
	}
	}
	}