<commit_before>@import "_common.scss";

$list-item-height: 39px;
$list-border-width: 1px;
$shuttle-width: 720px;

.shuttle_widget {
    background-color: $body-background-color;
    width: $shuttle-width;
    border-bottom: 1px solid $list-border-color;
    border-top: 1px solid $list-border-color;

    .shuttle_header {
        border-bottom: 1px solid $list-border-color;
        position: relative;
        height: 33px;

        .search {
            left: 0;
            border-right: 1px solid $list-border-color;

            input[type=text] {
                width: 70%;
                display: inline-block;
                margin: 0 12px;
                @include border-radius(12px);
                font-size: 14px;
                padding: 2px 4px 0px 29px;
                background: url("/images/search-icon.png") no-repeat 9px 3px;
                outline: none;
                background-color: white;
                border-color: $subheader-border-color;
            }
        }

        .summary {
            left: 50%;
        }

         .search, .summary {
            position: absolute;
            width: 50%;
            height: 100%;
            vertical-align: middle;
            line-height: 25px;

            > div {
                padding: 4px 8px;
            }

            a {
               float: right;
            }
        }

        .object_name {
            color: $secondary-text-color;
        }

        .selected_count {
            padding-left: 5px;
        }

        a {
            font-weight: $semibold;
        }
    }

    .shuttle_body {
        position: relative;
        height: (($list-item-height + $list-border-width) * 8) + $list-item-height;
    }

    a {
        font-size: 12px;
    }

    .was_added {
        color: $weak-text-color;
        float: right;
        font-size: 12px;
    }

    li a {
        float: right;
    }

    img.profile {
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle;
    }

    div.image {
        position: relative;
        display: inline-block;
        padding: 2px;
        width: $list-item-height - 6px;
        height: $list-item-height - 6px;
    }

    ul {
        position: absolute;
        width: 50%;
        top: 0;
        bottom: 0;
        vertical-align: top;
        overflow-y: auto;

        li {
            height: $list-item-height;
            border-bottom: $list-border-width dotted $list-border-color;
            padding: 0 8px;
            line-height: $list-item-height - 3px;

            .name {
                vertical-align: middle;
                color: $dark-text-color;
                font-size: 14px;
                @include ellipsis;
                padding-left: 10px;
                display: inline-block;
                max-width: 60%;
            }

            &:last-child {
                border-bottom: none;
            }

            &.filtered_out {
                display: none;
            }
        }
<commit_msg>Fix styling of members shuttle widget<commit_after>@import "_common.scss";

$list-item-height: 39px;
$list-border-width: 1px;
$shuttle-width: 720px;

.shuttle_widget {
    background-color: $body-background-color;
    width: $shuttle-width;
    border-bottom: 1px solid $list-border-color;
    border-top: 1px solid $list-border-color;

    .shuttle_header {
        border-bottom: 1px solid $list-border-color;
        position: relative;
        height: 33px;

        .search {
            left: 0;
            border-right: 1px solid $list-border-color;

            input[type=text] {
                width: 70%;
                display: inline-block;
                margin: 0 12px;
                @include border-radius(12px);
                font-size: 14px;
                padding: 2px 4px 0px 29px;
                background: url("/images/search-icon.png") no-repeat 9px 3px;
                outline: none;
                background-color: white;
                border-color: $subheader-border-color;
            }
        }

        .summary {
            left: 50%;
        }

         .search, .summary {
            position: absolute;
            width: 50%;
            height: 100%;
            vertical-align: middle;
            line-height: 25px;

            > div {
                padding: 4px 8px;
            }

            a {
               float: right;
            }
        }

        .object_name {
            color: $secondary-text-color;
        }

        .selected_count {
            padding-left: 5px;
        }

        a {
            font-weight: $semibold;
        }
    }

    .shuttle_body {
        position: relative;
        height: (($list-item-height + $list-border-width) * 8);
    }

    a {
        font-size: 12px;
    }

    .was_added {
        color: $weak-text-color;
        float: right;
        font-size: 12px;
    }

    li a {
        float: right;
    }

    img.profile {
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle;
    }

    div.image {
        position: relative;
        display: inline-block;
        padding: 2px;
        width: $list-item-height - 6px;
        height: $list-item-height - 6px;
    }

    ul {
        position: absolute;
        width: 50%;
        top: 0;
        bottom: 0;
        vertical-align: top;
        overflow-y: auto;

        li {
            height: $list-item-height;
            border-bottom: $list-border-width dotted $list-border-color;
            padding: 0 8px;
            line-height: $list-item-height - 3px;

            .name {
                vertical-align: middle;
                color: $dark-text-color;
                font-size: 14px;
                @include ellipsis;
                padding-left: 10px;
                display: inline-block;
                max-width: 60%;
            }

            &.filtered_out {
                display: none;
            }
        }

{'fraction_non_alphanumeric': 0.10900553412711722, 'fraction_numerical': 0.022807311755827602, 'mean_word_length': 1.1766423357664233, 'pattern_counts': {'":': 0, '<': 3, '<?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': '1328364', 'n_tokens_mistral': 1933, 'n_tokens_neox': 1706, 'n_words': 371}