<commit_before>.background-layer {
    width: auto;
    height: auto;

    position: absolute;
    top: .5em;
    right: .5em;

    text-align: center;

    .bg-selector-layer-0 { // roadmap (mvt)
        background: url(../images/backgroundselector/routiere.png) no-repeat white;
    }
    .bg-selector-layer-1 { // topographic b&w
        background: url(../images/backgroundselector/topo_nb.png) no-repeat white;
    }
    .bg-selector-layer-2 { // topographic
        background: url(../images/backgroundselector/topo.png) no-repeat white;
    }
    .bg-selector-layer-3 { // orthophoto
        background: url(../images/backgroundselector/orthophoto.png) no-repeat white;
    }
    .bg-selector-layer-4 { // hybrid orthophoto+label
        background: url(../images/backgroundselector/hybrid.png) no-repeat white;
    }
    .bg-selector-layer-5 { // blank map
        background-color: white;
        border: black solid 0.5px;
    }

    .bg-selector-layer-0,
    .bg-selector-layer-1,
    .bg-selector-layer-2,
    .bg-selector-layer-3,
    .bg-selector-layer-4,
    .bg-selector-layer-5 {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 2px;
    }

    .bg-selector-layer {
        float: left;
        width: 90px;
        height: 58px;
        padding: 3px;
    }

    .bg-selector-layer,
    .bg-selector-opener {
        cursor: pointer;
        border: 1px solid black;
        border-radius: 2px;
        background-color: white;
    }

    .active{
        border: 3px solid red;
    }

    .bg-selector-layer:hover {
        background-color: #2980b9;
    }

    .bg-selector-opener {
        width: 90px;
        height: 58px;

        position: absolute;
        right: 0;

        padding: 3px;
    }

    .opened {
        opacity: 1; // cannot use display:hidden with transition
        transition: opacity .5s,transform .5s ease-out;
        transform: translateX(0);
    }

    .closed {
        opacity: 0; // cannot use display:hidden with transition
        transform: translateX(120%);
        transition: opacity .5s,transform .5s ease-out;
    }
}

@media (max-width: @screen-xs-max) {
    .background-layer {
        width: 41px; // force top-bottom alignement

        .bg-selector-layer,
        .bg-selector-opener {
            width: 41px;
            height: 41px;
        }

        .bg-selector-opener {
            top: 0;
        }

        .bg-selector-layer-0 { // roadmap (mvt)
            background: url(../images/backgroundselector/routiere_sm.png) no-repeat white;
        }
        .bg-selector-layer-1 { // topographic b&w
            background: url(../images/backgroundselector/topo_nb_sm.png) no-repeat white;
        }
        .bg-selector-layer-2 { // topographic
            background: url(../images/backgroundselector/topo_sm.png) no-repeat white;
        }
        .bg-selector-layer-3 { // orthophoto
            background: url(../images/backgroundselector/orthophoto_sm.png) no-repeat white;
        }
        .bg-selector-layer-4 { // hybrid orthophoto+label
            background: url(../images/backgroundselector/hybrid_sm.png) no-repeat white;
        }
        .bg-selector-layer-5 { // blank map
            background-color: white;
            border: black solid 0.5px;
        }
    }
}
<commit_msg>Fix scrollbar visible on desktop<commit_after>.background-layer {
    width: auto;
    height: auto;

    position: absolute;
    top: .5em;
    right: .5em;

    text-align: center;

    overflow: hidden; // Fix scrollbar visible

    .bg-selector-layer-0 { // roadmap (mvt)
        background: url(../images/backgroundselector/routiere.png) no-repeat white;
    }
    .bg-selector-layer-1 { // topographic b&w
        background: url(../images/backgroundselector/topo_nb.png) no-repeat white;
    }
    .bg-selector-layer-2 { // topographic
        background: url(../images/backgroundselector/topo.png) no-repeat white;
    }
    .bg-selector-layer-3 { // orthophoto
        background: url(../images/backgroundselector/orthophoto.png) no-repeat white;
    }
    .bg-selector-layer-4 { // hybrid orthophoto+label
        background: url(../images/backgroundselector/hybrid.png) no-repeat white;
    }
    .bg-selector-layer-5 { // blank map
        background-color: white;
        border: black solid 0.5px;
    }

    .bg-selector-layer-0,
    .bg-selector-layer-1,
    .bg-selector-layer-2,
    .bg-selector-layer-3,
    .bg-selector-layer-4,
    .bg-selector-layer-5 {
        width: 100%;
        height: 100%;
        display: block;
        border-radius: 2px;
    }

    .bg-selector-layer {
        float: left;
        width: 90px;
        height: 58px;
        padding: 3px;
    }

    .bg-selector-layer,
    .bg-selector-opener {
        cursor: pointer;
        border: 1px solid black;
        border-radius: 2px;
        background-color: white;
    }

    .active{
        border: 3px solid red;
    }

    .bg-selector-layer:hover {
        background-color: #2980b9;
    }

    .bg-selector-opener {
        width: 90px;
        height: 58px;

        position: absolute;
        right: 0;

        padding: 3px;
    }

    .opened {
        opacity: 1; // cannot use display:hidden with transition
        transition: opacity .5s,transform .5s ease-out;
        transform: translateX(0);
    }

    .closed {
        opacity: 0; // cannot use display:hidden with transition
        transform: translateX(120%);
        transition: opacity .5s,transform .5s ease-out;
    }
}

@media (max-width: @screen-xs-max) {
    .background-layer {
        width: 41px; // force top-bottom alignement

        .bg-selector-layer,
        .bg-selector-opener {
            width: 41px;
            height: 41px;
        }

        .bg-selector-opener {
            top: 0;
        }

        .bg-selector-layer-0 { // roadmap (mvt)
            background: url(../images/backgroundselector/routiere_sm.png) no-repeat white;
        }
        .bg-selector-layer-1 { // topographic b&w
            background: url(../images/backgroundselector/topo_nb_sm.png) no-repeat white;
        }
        .bg-selector-layer-2 { // topographic
            background: url(../images/backgroundselector/topo_sm.png) no-repeat white;
        }
        .bg-selector-layer-3 { // orthophoto
            background: url(../images/backgroundselector/orthophoto_sm.png) no-repeat white;
        }
        .bg-selector-layer-4 { // hybrid orthophoto+label
            background: url(../images/backgroundselector/hybrid_sm.png) no-repeat white;
        }
        .bg-selector-layer-5 { // blank map
            background-color: white;
            border: black solid 0.5px;
        }
    }
}

{'fraction_non_alphanumeric': 0.12853086235241368, 'fraction_numerical': 0.020026901808399344, 'mean_word_length': 1.7860116569525395, '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': '5155831', 'n_tokens_mistral': 2192, 'n_tokens_neox': 2074, 'n_words': 411}