<commit_before>/**
 * @file MultipleSelect style
 * @author liangxiaojun(<EMAIL>)
 */

.multiple-select {

    .multiple-select-selected-wrapper {
        @include float-fix;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 0 40px 8px 4px;
        background: $theme-field-bg;
        border: 1px solid $theme-border;
        border-bottom: none;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        cursor: default;
        user-select: none;
        transition: all $transition-duration ease-in-out;

        .multiple-select-selected-count {
            margin: 4px;
            margin: 8px 4px 0 4px;
            float: left;
            line-height: 24px;
            color: $theme-field;
        }

        .multiple-select-selected {
            position: relative;
            box-sizing: border-box;
            max-width: 100%;
            height: 24px;
            line-height: 16px;
            line-height: 16px;
            margin: 8px 4px 0 4px;
            padding: 4px 26px 4px 8px;
            float: left;
            border-radius: $border-radius;
            background: $theme-bg;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;

            .multiple-select-selected-remove-button {
                position: absolute;
                right: 0;
                top: 0;
                width: 20px;
                text-align: center;
                height: 24px;
                font-size: 16px;
                line-height: 20px;
                border-top-right-radius: $border-radius;
                border-bottom-right-radius: $border-radius;
                cursor: pointer;

                &:hover {
                    background: $theme-border;
                }
            }
        }

        .multiple-select-selected-collapse-button {
            position: absolute;
            top: 0;
            right: 0;
        }

        &.collapsed {
            height: 41px;
            overflow: hidden;

            .multiple-select-selected-collapse-button .button-icon {
                transform: rotate(180deg);
            }
        }

    }

    .multiple-select-trigger {
        @include shadow(0);
        transition: all $transition-duration ease-in-out;

        &.focused {
            border-color: $theme-border;
        }
    }

    &.activated {

        .multiple-select-selected-wrapper,
        .multiple-select-trigger {
            @include shadow(4);
        }

        .multiple-select-trigger.blow {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
    }

    &.above {
        &.activated {
            z-index: $popup-z-index + 1;

            .multiple-select-selected-wrapper {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }
        }
    }

    &.blow {
        &.activated {
            .multiple-select-trigger {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
        }
    }

    &.not-empty {
        .multiple-select-trigger {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
    }
}

.multiple-select-popup {
    max-height: 300px;
    box-sizing: border-box;
    border: 1px solid $theme-border;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow-y: auto;

    .popup-content {
        border-radius: 0;

        .multiple-select-list {
            width: 100%;

            .no-matched-list-item {
                line-height: 40px;
                color: $theme-field;<commit_msg>MultipleSelect style bug fixed<commit_after>/**
 * @file MultipleSelect style
 * @author liangxiaojun(<EMAIL>)
 */

.multiple-select {

    .multiple-select-selected-wrapper {
        @include float-fix;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        padding: 0 40px 8px 4px;
        background: $theme-field-bg;
        border: 1px solid $theme-border;
        border-bottom: none;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        cursor: default;
        user-select: none;
        transition: all $transition-duration ease-in-out;

        .multiple-select-selected-count {
            margin: 4px;
            margin: 8px 4px 0 4px;
            float: left;
            line-height: 24px;
            color: $theme-field;
        }

        .multiple-select-selected {
            position: relative;
            box-sizing: border-box;
            max-width: 100%;
            height: 24px;
            line-height: 16px;
            line-height: 16px;
            margin: 8px 4px 0 4px;
            padding: 4px 26px 4px 8px;
            float: left;
            border-radius: $border-radius;
            background: $theme-bg;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;

            .multiple-select-selected-remove-button {
                position: absolute;
                right: 0;
                top: 0;
                width: 20px;
                text-align: center;
                height: 24px;
                font-size: 16px;
                line-height: 20px;
                border-top-right-radius: $border-radius;
                border-bottom-right-radius: $border-radius;
                cursor: pointer;

                &:hover {
                    background: $theme-border;
                }
            }
        }

        .multiple-select-selected-collapse-button {
            position: absolute;
            top: 0;
            right: 0;
        }

        &.collapsed {
            height: 41px;
            overflow: hidden;

            .multiple-select-selected-collapse-button .button-icon {
                transform: rotate(180deg);
            }
        }

    }

    .multiple-select-trigger {
        @include shadow(0);
        transition: all $transition-duration ease-in-out;

        &.focused {
            border-color: $theme-border;
        }
    }

    &.activated {

        .multiple-select-selected-wrapper,
        .multiple-select-trigger {
            @include shadow(4);
        }

        .multiple-select-trigger.blow {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
    }

    &.above {
        &.activated {
            z-index: $popup-z-index + 1;

            .multiple-select-selected-wrapper {
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }
        }
    }

    &.blow {
        &.activated {
            .multiple-select-trigger {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
        }
    }

    &.not-empty {
        .multiple-select-trigger {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
    }
}

.multiple-select-popup {
    max-height: 300px;
    box-sizing: border-box;
    border: 1px solid $theme-border;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow-y: auto;

    .popup-content {
        border-radius: 0 !important;

        .multiple-select-list {
            width: 100%;

            .no-matched-list-item {
                line-height: 40px;
                color: $theme-field;
{'fraction_non_alphanumeric': 0.109375, 'fraction_numerical': 0.0202991452991453, 'mean_word_length': 1.246924692469247, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3854629', 'n_tokens_mistral': 2329, 'n_tokens_neox': 2075, 'n_words': 409}