@import 'mediawiki.skin.variables.less';

.mw-rcfilters-ui-savedLinksListItemWidget {
	line-height: normal;

	&,
	&.oo-ui-iconElement {
		padding: 0 0.5em;
	}

	&:hover {
		// Mimicking optionWidget styles
		background-color: @background-color-interactive;
		color: @color-emphasized;
	}

	.mw-rcfilters-ui-cell {
		align-self: center;
	}

	.mw-rcfilters-ui-savedLinksListItemWidget-icon .oo-ui-iconElement-icon {
		// Since we made the rows narrower (height smaller than usual)
		// then the icon needs to be slightly smaller as well, so that
		// when we toggle 'default' the icon doesn't bounce the option
		// height up a little
		width: 1.2em;
		height: 1.2em;
		min-width: 16px;
		min-height: 16px;
		opacity: 0.5;
		left: 0;
		position: relative;
	}

	&-icon span {
		display: inline-block;
	}

	&-input {
		display: inline-block;
		margin-right: 0;
		width: 15em;
	}

	&-label {
		color: @color-progressive;
		max-width: 15em;
		display: inline-block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		cursor: pointer;
		margin-left: 0.5px;
	}

	&-icon,
	&-button {
		width: 2em;
	}

	&-content {
		width: 100%;
		line-height: normal;
	}
}
