mw.widgets.TitleWidget.less
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

mw.widgets.TitleWidget.less
View Options

	/*!
	* MediaWiki Widgets - TitleWidget styles.
	*
	* @copyright 2011-2025 MediaWiki Widgets Team and others; see AUTHORS.txt
	* @license The MIT License (MIT); see LICENSE.txt
	*/
	@import 'mediawiki.skin.variables.less';

	.mw-widget-titleWidget-menu {
	.mw-widget-titleOptionWidget {
	line-height: normal;

	&-description {
	color: @color-subtle;
	}
	}

	&-withImages {
	.mw-widget-titleOptionWidget {
	box-sizing: border-box;
	min-height: 3.75em;
	padding-left: 4.75em;
	padding-top: @spacing-50;
	padding-bottom: @spacing-50;

	&:not( :last-child ) {
	margin-bottom: 2px;
	}

	> .oo-ui-labelElement-label {
	line-height: 2.8em;
	}

	&.oo-ui-iconElement {
	> .oo-ui-iconElement-icon {
	display: block;
	width: 3.75em;
	height: 3.75em;
	left: 0;

	&:not( .mw-widget-titleOptionWidget-hasImage ) {
	background-size: 80%;
	background-color: #c8ccd1;
	opacity: 0.4;
	}

	&.mw-widget-titleOptionWidget-hasImage {
	border: 0;
	background-size: cover;
	opacity: 0.7;
	}
	}
	}

	&.oo-ui-optionWidget-highlighted,
	&.oo-ui-optionWidget-selected {
	&.oo-ui-iconElement > .mw-widget-titleOptionWidget-hasImage {
	opacity: 1;
	}
	}
	}
	}

	&-withDescriptions {
	.mw-widget-titleOptionWidget {
	> .oo-ui-labelElement-label {
	line-height: 1.5em;
	}

	&-description {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	}
	}
	}

	/* TODO: Should be able to use :not( &-withDescriptions ) but LESS version is buggy (T204816) */
	&:not( .mw-widget-titleWidget-menu-withDescriptions ) {
	.mw-widget-titleOptionWidget-description {
	display: none;
	}
	}
	}