<commit_before>.select2-hidden-accessible{
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2 {
    @extend .form-control;
    // Select2 sets the width in the style (which we don't want)
    width: auto !important;
    // Add a pointer to everything...
    cursor: pointer;

    .select2-selection--single {
        background-color: transparent;
        border-width: 0px;
        display: flex;
        white-space: pre;
        overflow: hidden;

        &:focus {
            outline: 0px;
        }

        > * {
            flex: 1 1 auto;
            padding: 0px;
            height: auto;
            position: static;
            order: 2;
        }
    }

    .select2-selection--single > .select2-selection__arrow {
        @include icon-only('caret-down');
        flex-grow: 0;
        order: 1;
        color: $border-color;
        margin-right: 0.25em;
    }

    .select2-selection__clear {
        @include icon-only('times');
        float: right;
        color: $border-color;
        margin-left: 0.5em;
        &:hover{
            color: $brand-danger;
        }
    }
    
    &.select2-container--open,
    &.select2-container--focus {
        @extend .form-control.is-focused;

        .select2-selection--single > .select2-selection__arrow {
            color: $brand-primary;
        }
    }

    &.select2-container--disabled {
        @extend .form-control.is-disabled;
        
        .select2-selection__clear,
        .select2-selection--single > .select2-selection__arrow {
            display: none;
        }
    }

}

.select2-container.select2-container--open {
    z-index: 2000; // Higher than modal z-index
}

.select2-container .select2-dropdown {

    border: $border-color 1px solid;
    border-radius: $border-radius;
    background-color: $background-color;
    box-shadow: 0em 0.25em 1em $light-gray;

    padding: 0.5em 0em;

    .select2-search{
        display: block;
        padding: 0.5em;
        padding-top: 0em;
        > input {
            @extend .form-control;
        }
        &.select2-search--hide {
            display:none;
        }
    }

    ul{
        @extend .list-unstyled;
        padding: 0px;
        margin: 0px;
    }

    .select2-results__option {
        cursor: pointer;
        padding: 0.25em 0.5em;
        &[aria-selected=true]{
            background-color: $background-color-alt;
        }
    }

    // This is the placeholder option
    .select2-results__option[aria-disabled="true"]{
        display: none;
    }

    .select2-results__option--highlighted,
    .select2-results__option--highlighted[aria-selected=true]{
        background-color: $brand-primary;
        color: $white;
    }

    &.select2-dropdown--below,
    &.select2-dropdown--above {
        position: relative;
        &:after,
        &:before {
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            left: 50%;
            pointer-events: none;
            border-width: $font-size;
            margin-left: 0 - $font-size;
        }
        &:before {
            border-width: $font-size + $border-width;
            margin-left: 0 - ($font-size + $border-width);      
        }
    }

    &.select2-dropdown--below {
        margin-top: $font-size/2;
        &:after, &:before{
            bottom: 100%;
        }
        &:after{
            border-bottom-color: $background-color;
        }
        &:before {
            border-bottom-color: $border-color;
        }
    }

    &.select2-dropdown--above {
        margin-top: 0 - ($font-size/2);
        &:after, &:before{
            top: 100%;
        }
        &:after{
            border-top-color: $background-color;
        }
        &:before {
            border-top-color: $border-color;
        }
    }

}

<commit_msg>OLMIS-2476: Made selections contents hidden if longer than input<commit_after>.select2-hidden-accessible{
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2 {
    @extend .form-control;
    overflow: hidden;
    // Select2 sets the width in the style (which we don't want)
    width: auto !important;
    // Add a pointer to everything...
    cursor: pointer;

    .select2-selection--single {
        background-color: transparent;
        border-width: 0px;
        display: block;
        position: relative;
        white-space: pre;
        overflow: hidden;
        padding: 0em 1.25em;

        &:focus {
            outline: 0px;
        }

        > * {
            display: block;
            flex: 1 1 auto;
            padding: 0px;
            height: auto;
            position: static;
            order: 2;
        }

        > .select2-selection__rendered {
            overflow: hidden;
        }

        .select2-selection__clear {
            position: absolute;
            top: 0px;
            right: 0px;
        }
        .select2-selection__arrow {
            position: absolute;
            top: 0px;
            left: 0px;
        }
    }

    .select2-selection__arrow {
        @include icon-only('caret-down');
        flex-grow: 0;
        order: 1;
        color: $border-color;
    }

    .select2-selection__clear {
        @include icon-only('times');
        color: $border-color;
        &:hover{
            color: $brand-danger;
        }
    }
    
    &.select2-container--open,
    &.select2-container--focus {
        @extend .form-control.is-focused;

        .select2-selection--single > .select2-selection__arrow {
            color: $brand-primary;
        }
    }

    &.select2-container--disabled {
        @extend .form-control.is-disabled;
        
        .select2-selection__clear,
        .select2-selection--single > .select2-selection__arrow {
            display: none;
        }
    }

}

.select2-container.select2-container--open {
    z-index: 2000; // Higher than modal z-index
}

.select2-container .select2-dropdown {

    border: $border-color 1px solid;
    border-radius: $border-radius;
    background-color: $background-color;
    box-shadow: 0em 0.25em 1em $light-gray;

    padding: 0.5em 0em;

    .select2-search{
        display: block;
        padding: 0.5em;
        padding-top: 0em;
        > input {
            @extend .form-control;
        }
        &.select2-search--hide {
            display:none;
        }
    }

    ul{
        @extend .list-unstyled;
        padding: 0px;
        margin: 0px;
    }

    .select2-results__option {
        cursor: pointer;
        padding: 0.25em 0.5em;
        &[aria-selected=true]{
            background-color: $background-color-alt;
        }
    }

    // This is the placeholder option
    .select2-results__option[aria-disabled="true"]{
        display: none;
    }

    .select2-results__option--highlighted,
    .select2-results__option--highlighted[aria-selected=true]{
        background-color: $brand-primary;
        color: $white;
    }

    &.select2-dropdown--below,
    &.select2-dropdown--above {
        position: relative;
        &:after,
        &:before {
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            left: 50%;
            pointer-events: none;
            border-width: $font-size;
            margin-left: 0 - $font-size;
        }
        &:before {
            border-width: $font-size + $border-width;
            margin-left: 0 - ($font-size + $border-width);      
        }
    }

    &.select2-dropdown--below {
        margin-top: $font-size/2;
        &:after, &:before{
            bottom: 100%;
        }
        &:after{
            border-bottom-color: $background-color;
        }
        &:before {
            border-bottom-color: $border-color;
        }
    }

    &.select2-dropdown--above {
        margin-top: 0 - ($font-size/2);
        &:after, &:before{
            top: 100%;
        }
        &:after{
            border-top-color: $background-color;
        }
        &:before {
            border-top-color: $border-color;
        }
    }

}


{'fraction_non_alphanumeric': 0.12470560527555347, 'fraction_numerical': 0.022020725388601035, 'mean_word_length': 1.5186832740213523, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, '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': '4316883', 'n_tokens_mistral': 2722, 'n_tokens_neox': 2558, 'n_words': 517}