<commit_before>// Separator for navigation items
@mixin nav-item-separator() {
    border-bottom: 1px solid $border-grey;
}

#navigation-header {
    background-color: #f5f5f5;
    box-shadow: -2px 2px 4px -2px rgba(0,0,0,0.4);
    z-index: 18;
    .main {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;

        .md-nav-item{
            :first-of-type {
                margin-left: 0px;
            }
        }

        .md-button {
            min-width: 42px;
        }
    }

    .search {
        input[type="text"] {
            border: 1px solid #ddd;
            border-radius: $material-radius;
            padding: $main-padding;
            box-sizing: border-box;
            width: 100%;
            margin: 0;
            background-color: white;
            .md-errors-spacer {
                display: none;
            }
        }

        $duration-opacity: 0.1s;
        $duration-height: 0.2s;
        max-height: 0;
        opacity: 0;
        visibility: hidden;

        // Animation when disappearing
        transition: opacity $duration-opacity linear,
        max-height $duration-height ease-out $duration-opacity,
        visibility 0s linear $duration-height;

        &.visible {
            padding: $main-padding;
            max-height: 50px;
            opacity: 1;
            visibility: visible;

            // Animation when appearing
            transition: visibility 0s,
            max-height $duration-height ease-in,
            opacity $duration-opacity linear $duration-height;
        }
    }
}

#navigation-conversations,
#navigation-contacts {
    .empty {
        color: $material-grey;
        margin-top: 1em;
        margin-left: 4px;
        font-size: 1.2em;
        font-weight: 300;
    }

}

#navigation-conversations {
    $border-width: 4px;
    $border-count: 2;
    overflow-y: auto;
    background-color: white;
    flex: 1;
    .loading-element {
        margin-top: 50px;
    }

    .conversation-wrapper {
        @include nav-item-separator;

        .conversation {
            display: flex;
            flex-direction: row;<commit_msg>Fix conversation padding issue in Chromium (#387)<commit_after>// Separator for navigation items
@mixin nav-item-separator() {
    border-bottom: 1px solid $border-grey;
}

#navigation-header {
    background-color: #f5f5f5;
    box-shadow: -2px 2px 4px -2px rgba(0,0,0,0.4);
    z-index: 18;
    .main {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;

        .md-nav-item{
            :first-of-type {
                margin-left: 0px;
            }
        }

        .md-button {
            min-width: 42px;
        }
    }

    .search {
        input[type="text"] {
            border: 1px solid #ddd;
            border-radius: $material-radius;
            padding: $main-padding;
            box-sizing: border-box;
            width: 100%;
            margin: 0;
            background-color: white;
            .md-errors-spacer {
                display: none;
            }
        }

        $duration-opacity: 0.1s;
        $duration-height: 0.2s;
        max-height: 0;
        opacity: 0;
        visibility: hidden;

        // Animation when disappearing
        transition: opacity $duration-opacity linear,
        max-height $duration-height ease-out $duration-opacity,
        visibility 0s linear $duration-height;

        &.visible {
            padding: $main-padding;
            max-height: 50px;
            opacity: 1;
            visibility: visible;

            // Animation when appearing
            transition: visibility 0s,
            max-height $duration-height ease-in,
            opacity $duration-opacity linear $duration-height;
        }
    }
}

#navigation-conversations,
#navigation-contacts {
    .empty {
        color: $material-grey;
        margin-top: 1em;
        margin-left: 4px;
        font-size: 1.2em;
        font-weight: 300;
    }

}

#navigation-conversations {
    $border-width: 4px;
    $border-count: 2;
    overflow-y: auto;
    background-color: white;
    flex: 1;
    .loading-element {
        margin-top: 50px;
    }

    .conversation-wrapper {
        display: block;
        @include nav-item-separator;

        .conversation {
            display: flex;
            flex-direction: row;
{'fraction_non_alphanumeric': 0.11153846153846154, 'fraction_numerical': 0.021493212669683258, 'mean_word_length': 1.5277301315037164, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '6594182', 'n_tokens_mistral': 1408, 'n_tokens_neox': 1299, 'n_words': 289}