// editor-combo-picker
.editor-combo-picker{
    display: inline-block;
    vertical-align: top;

    &.active{
        position: relative;
        z-index: 9;
    }

    .label{
        display: inline-block;
        vertical-align: top;
        cursor: pointer;
        line-height: 28px;
        padding: 0 7px;

        span{
            display: inline-block;
            min-width: 1.2em;
            max-width: 5em;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            vertical-align: top;
        }

        input{
            display: inline-block;
            border: 1px solid #D9DADE;
            border-radius: 2px;
            padding: 2px 3px;
            height: 24px;
            width: 2.2em;
            vertical-align: top;
            outline: 0;

            &:focus{
                border-color: #AAA;
            }
        }

        &:after{
            .icon(arrow-down);

            content: "";
            margin: 12px 0 0 5px;
            height: 8px;
            width: 8px;
            vertical-align: top;
        }
    }

    .editor-popup{
        margin-left: -5px;
    }
    .editor-popup .label{
        padding-left: 0;
        padding-right: 0;
        white-space: nowrap;

        &:after{
            margin-top: 9px;
            transform: rotate(-180deg);
        }
    }
}