wikimedia/mediawiki-core

@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 {
        vertical-align: middle;
    }

    .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;
        vertical-align: middle;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        margin-left: 0.5px;
    }

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

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