<commit_before>@import "mixins.less";

#app-tracks-listing {
    background-color: @grey;
    position: fixed;
    bottom: -200px; // same as header height
    width: 100%;
    height: 240px;

    .header {
        position: relative;
        width: 100%;
        display: block;
        height: 40px;
        margin-top: 6px;
        color: white;

        .tracks {
            cursor:pointer;
            font-size: 24px;
            display: block;
        }
    }
    .drawer-body {
        background-color: white;
        height: 200px; // height of content
    }
    ul {
        font-size: 20px;
        max-height: 200px;
        position: absolute;
        top: 0;
        left: 200px;
        list-style:none;
        display:none;
        margin: 0;
        li {
            padding: 11px;
            width: 278px;
            cursor: pointer;
            overflow: visible;
            ul {
                display:none;
            }
            &:hover, &.active {
                background: #807f88;
                color: white;
            }
            &.active {
                ul {
                    display:block;
                    color: #333333;
                    left: 300px;
                    overflow-y: auto;
                    overflow-x:hidden;
                }
            }
        }
        &.show {
            display:block;
        }
        transition: display 0.3s;
        -webkit-transition: display 0.3s;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background-color: rgba(36,36,36,0.4);
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: @grey; 
    }
}<commit_msg>Increased the height of the header of the drawer and changed the colors<commit_after>@import "mixins.less";

#app-tracks-listing {
    position: fixed;
    bottom: -200px; // same as header height
    width: 100%;
    height: 260px;

    .header {
        position: relative;
        width: 100%;
        display: block;
        height: 60px;
        padding-top: 14px;
        color: white;
        background-color: @blue;
        .border-box;

        .tracks {
            cursor:pointer;
            font-size: 24px;
            display: block;
        }
    }
    .drawer-body {
        background-color: fade(@blue, 85%);
        height: 200px; // height of content
    }
    ul {
        font-size: 20px;
        max-height: 200px;
        position: absolute;
        top: 0;
        left: 200px;
        list-style:none;
        display:none;
        margin: 0;
        color: white;
        li {
            padding: 11px;
            width: 278px;
            cursor: pointer;
            overflow: visible;
            ul {
                display:none;
            }
            &:hover, &.active {
                background: @yellowDarken;
                color: white;
            }
            &.active {
                ul {
                    display:block;
                    left: 300px;
                    overflow-y: auto;
                    overflow-x:hidden;
                }
            }
        }
        &.show {
            display:block;
        }
        transition: display 0.3s;
        -webkit-transition: display 0.3s;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background-color: rgba(36,36,36,0.4);
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: @blueDarken; 
    }
}
{'fraction_non_alphanumeric': 0.10783167738164816, 'fraction_numerical': 0.03331385154880187, 'mean_word_length': 1.1090573012939002, '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': '656653', 'n_tokens_mistral': 1101, 'n_tokens_neox': 957, 'n_words': 218}