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

input,
input:focus {
    outline: none;
}

.tag-field {
    position: relative;
    width: 400px;
    min-height: 100px;
    border-radius: $theme-border-radius;
    box-sizing: border-box;
    color: $theme-field;
    background: $theme-field-bg;
    border: 1px solid $theme-border;
    cursor: text;
    padding: 0 8px 8px 0;
    overflow-x: hidden;
    overflow-y: auto;

    .tag-field-input-wrapper {
        position: relative;
        box-sizing: border-box;
        margin-top: 8px;
        width: 9px;
        height: 24px;
        line-height: 24px;
        padding: 0;
        float: left;
        color: inherit;

        .tag-field-input {
            position: absolute;
            left: 0;
            top: 0;
            height: 24px;
            line-height: 24px;
            padding: 0 8px;
            border: 0;
            color: inherit;
            overflow-x: visible;
            overflow-y: visible;
        }
    }

    .tag-field-item-wrapper {
        margin: 8px 0 0 8px;
        box-sizing: border-box;
        height: 24px;
        line-height: 24px;
        padding: 0;
        float: left;

        .tag-field-item-field {
            height: 24px;
            line-height: 24px;
            background: $theme-field-bg;
            padding: 0 20px 0 8px;
            border-radius: 12px;

            .editable-field-span,
            .editable-field-input,
            .editable-field-input .text-field-input {
                line-height: 22px;
            }

            .editable-field-span {
                width: 100%;
                top: 0;
                left: 0;
                background: $theme-field-bg;
                padding-left: 7px;
                border-radius: 12px;

                .editable-field-icon {
                    //display: none;
                    font-size: 12px;
                    width: 24px;
                    height: 24px;
                    right: 0;
                    text-align: center;
                    line-height: 24px;
                }
            }

            .editable-field-input {
                &.empty {
                    .text-field-input {
                        padding: 0 30px 0 10px;
                    }
                }
            }

            .tag-field-item-field-delete-button {
                position: absolute;
                right: 0;
                top: 0;
                width: 24px;
                height: 24px;
                line-height: 24px;
            }
        }
    }

    .tag-field-clear-button {<commit_msg>update TagField style<commit_after>/**
 * @file TagField style
 * @author liangxiaojun(<EMAIL>)
 */

input,
input:focus {
    outline: none;
}

.tag-field {
    position: relative;
    width: 400px;
    min-height: 106px;
    border-radius: $theme-border-radius;
    box-sizing: border-box;
    color: $theme-field;
    background: $theme-field-bg;
    border: 1px solid $theme-border;
    cursor: text;
    padding: 0 8px 8px 0;
    overflow-x: hidden;
    overflow-y: auto;

    .tag-field-input-wrapper {
        position: relative;
        box-sizing: border-box;
        margin-top: 8px;
        width: 9px;
        height: 24px;
        line-height: 24px;
        padding: 0;
        float: left;
        color: inherit;

        .tag-field-input {
            position: absolute;
            left: 0;
            top: 0;
            height: 24px;
            line-height: 24px;
            padding: 0 8px;
            border: 0;
            color: inherit;
            overflow-x: visible;
            overflow-y: visible;
        }
    }

    .tag-field-item-wrapper {
        margin: 8px 0 0 8px;
        box-sizing: border-box;
        height: 24px;
        line-height: 24px;
        padding: 0;
        float: left;

        .tag-field-item-field {
            height: 24px;
            line-height: 24px;
            background: $theme-field-bg;
            padding: 0 24px 0 7px;
            border-radius: 13px;
            border: 1px solid $theme-border;

            .editable-field-span,
            .editable-field-input,
            .editable-field-input .text-field-input {
                line-height: 24px;
            }

            .editable-field-span {
                width: 100%;
                top: 0;
                left: 0;
                padding-left: 7px;
                border-radius: 12px;
                border: none;

                .editable-field-icon {
                    font-size: 12px;
                    width: 24px;
                    height: 24px;
                    right: 0;
                    text-align: center;
                    line-height: 24px;
                }
            }

            .editable-field-input {
                &.empty {
                    .text-field-input {
                        padding: 0 30px 0 10px;
                    }
                }
            }

            .tag-field-item-field-delete-button {
                position: absolute;
                right: 0;
                top: 0;
                width: 24px;
                height: 24px;
                line-height: 24px;
            }
        }
    }

    .tag-field-clear-button {
{'fraction_non_alphanumeric': 0.10202536437630134, 'fraction_numerical': 0.030475108839674428, 'mean_word_length': 1.0354391371340523, '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': '5365441', 'n_tokens_mistral': 1728, 'n_tokens_neox': 1491, 'n_words': 338}