@import "../Theme/Theme.scss";

$line-min-height: 24px;

div.combo-input {
	
    div.value-view {
        width: 100%;
        height: 100%;
        min-height: $line-min-height;
        max-width: calc( 100% - 32px );
        display: flex;
        align-items: center;
        padding-left: 8px;
        white-space: nowrap;
        word-break: keep-all;
        text-overflow: ellipsis;
        overflow: hidden;

        span {
            word-break: keep-all;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: block;
            max-width: 100%;
        }
    }

    div.list-button {
        width: $line-min-height;
        height: $line-min-height;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}