<commit_before>// liveblog-edit.less
// Styling for the liveblog edit page
// ----------------------------------------------------------------------------------------
@import 'mixins.less';
@import (reference) 'bootstrap.less';
@import 'variables.less';

.blogedit {
    //left menu
    .side-menu {
        position: absolute;
        left: 0; top:0; bottom: 0;
        width: 48px;
        background: #a1a1a1;
        button {
            width: 48px;
            border:0;
            border-bottom:1px solid @grayLight;
            padding: 0;
            &.active,
            &:hover {
                background: #b8b8b8;
            }
        }
    }
    .notification-counter {
        position: absolute;
        top: 53px;
        right: 5px;
        z-index: 2;
    }
    .columns-holder {
        position: absolute;
        left: 48px; right: 0;
        top:0; bottom: 0;
    }

    .column {
        position: absolute;
        top: 0; bottom: 0;
        .border-box();
        header {
            height: @nav-height;
            .border-box();
            border-bottom: 1px solid #e0e0e0;
            padding: 10px 20px;
            background-color: white;
            color: @gray;
            font-size: 1.4em;
            line-height: 1.6em;
        }
        .content {
            position: absolute;
            top: @nav-height; left: 0; right: 0; bottom: 0;
            overflow: auto;
            .inner-padding {
                padding: 20px;
            }
        }
        &--first {
            left: 0;
            width: 540px;
            .box-shadow(3px 0 0 @grayLight);
            z-index: 1;
        }
        &--timeline {
            right: 0;
            left: 540px;
            background: #f0f0f0;
            header {
                background: #fff;
            }
        }
    }
    .panel {
        &--contribution {
            .content {
                // special rules for contributions because we don't know the filter
                // height, then we can't use absolute. See fullHeight directive
                position: relative;
                top: 0;
            }
            &__filters {
                .border-box();
                background-color: @sd-background;
                border-bottom: 1px solid #e0e0e0;
                padding: 10px 20px;
                position: relative;
                &__title {
                    color: @grayLight;
                    text-transform: uppercase;
                    font-size: 11px;
                }

                .btn {
                    padding: 6px 8px 6px 8px;
                    height: auto;
                    margin: 2px 5px 2px 0;
                    position: relative;
                    overflow: hidden;
                    &--plus {
                        padding: 6px 2px 6px 5px;
                        height: auto;
                        background-color: #afd5e4;
                        margin: 2px 8px;
                        &:hover {
                            background-color: @sd-blue;
                        }
                    }
                    > .title {white-space: nowrap; text-transform: none;}
                    &:hover {> .overlay {top:0;}}
                    > .overlay {
                        transition-property: top;
                        transition-duration: .25s;
                        position: absolute;
                        top: 24px;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background-color: rgba(0, 0, 0, 0.6);
                        color: white;
                        padding: 10px 0 0; 
                        font-size: 1.8em;
                        line-height: 0 !important;
                        .box-sizing(border-box);
                    }
                }
                .dropdown-content {
                    background-color: #fff;
                    border: 1px solid #c6c6c6;
                    border-radius: 3px;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
                    padding: 10px 10px 0;
                    width: 290px;
                    z-index: 1;
                    position: absolute;
                    left: 150px;
                    top: 2px;
                    ul {
                        margin: 10px 0;
                        li {
                            margin: 0;
                        }
                    }
                    &::before {
                        width: 15px;
                        height: 22px;
                        display: block;
                        z-index: 100;
                        position: absolute;
                        left: -15px;
                        top: 10px;
                        background: url('../../images/dropdown-arrow-side.png') no-repeat;
                        content: " ";
                    }
                    .footer {
                        overflow: hidden;
                        background-color: #f8f8f8;
                        margin: 0 -10px;
                        border-top: 1px solid #e8e8e8;
                        padding: 10px;
                        .border-radius(0 0 2px 2px);
                    }
                }
            }<commit_msg>z-index fixed for contribution filter<commit_after>// liveblog-edit.less
// Styling for the liveblog edit page
// ----------------------------------------------------------------------------------------
@import 'mixins.less';
@import (reference) 'bootstrap.less';
@import 'variables.less';

.blogedit {
    //left menu
    .side-menu {
        position: absolute;
        left: 0; top:0; bottom: 0;
        width: 48px;
        background: #a1a1a1;
        button {
            width: 48px;
            border:0;
            border-bottom:1px solid @grayLight;
            padding: 0;
            &.active,
            &:hover {
                background: #b8b8b8;
            }
        }
    }
    .notification-counter {
        position: absolute;
        top: 53px;
        right: 5px;
        z-index: 2;
    }
    .columns-holder {
        position: absolute;
        left: 48px; right: 0;
        top:0; bottom: 0;
    }

    .column {
        position: absolute;
        top: 0; bottom: 0;
        .border-box();
        header {
            height: @nav-height;
            .border-box();
            border-bottom: 1px solid #e0e0e0;
            padding: 10px 20px;
            background-color: white;
            color: @gray;
            font-size: 1.4em;
            line-height: 1.6em;
        }
        .content {
            position: absolute;
            top: @nav-height; left: 0; right: 0; bottom: 0;
            overflow: auto;
            .inner-padding {
                padding: 20px;
            }
        }
        &--first {
            left: 0;
            width: 540px;
            .box-shadow(3px 0 0 @grayLight);
            z-index: 1;
        }
        &--timeline {
            right: 0;
            left: 540px;
            background: #f0f0f0;
            header {
                background: #fff;
            }
        }
    }
    .panel {
        &--contribution {
            .content {
                // special rules for contributions because we don't know the filter
                // height, then we can't use absolute. See fullHeight directive
                position: relative;
                top: 0;
            }
            &__filters {
                .border-box();
                background-color: @sd-background;
                border-bottom: 1px solid #e0e0e0;
                padding: 10px 20px;
                position: relative;
                &__title {
                    color: @grayLight;
                    text-transform: uppercase;
                    font-size: 11px;
                }

                .btn {
                    padding: 6px 8px 6px 8px;
                    height: auto;
                    margin: 2px 5px 2px 0;
                    position: relative;
                    overflow: hidden;
                    &--plus {
                        padding: 6px 2px 6px 5px;
                        height: auto;
                        background-color: #afd5e4;
                        margin: 2px 8px;
                        &:hover {
                            background-color: @sd-blue;
                        }
                    }
                    > .title {white-space: nowrap; text-transform: none;}
                    &:hover {> .overlay {top:0;}}
                    > .overlay {
                        transition-property: top;
                        transition-duration: .25s;
                        position: absolute;
                        top: 24px;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        background-color: rgba(0, 0, 0, 0.6);
                        color: white;
                        padding: 10px 0 0;
                        font-size: 1.8em;
                        line-height: 0 !important;
                        .box-sizing(border-box);
                    }
                }
                .dropdown-content {
                    background-color: #fff;
                    border: 1px solid #c6c6c6;
                    border-radius: 3px;
                    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
                    padding: 10px 10px 0;
                    width: 290px;
                    z-index: 2;
                    position: absolute;
                    left: 150px;
                    top: 2px;
                    ul {
                        margin: 10px 0;
                        li {
                            margin: 0;
                        }
                    }
                    &::before {
                        width: 15px;
                        height: 22px;
                        display: block;
                        z-index: 100;
                        position: absolute;
                        left: -15px;
                        top: 10px;
                        background: url('../../images/dropdown-arrow-side.png') no-repeat;
                        content: " ";
                    }
                    .footer {
                        overflow: hidden;
                        background-color: #f8f8f8;
                        margin: 0 -10px;
                        border-top: 1px solid #e8e8e8;
                        padding: 10px;
                        .border-radius(0 0 2px 2px);
                    }
                }
            }
{'fraction_non_alphanumeric': 0.10468500610271336, 'fraction_numerical': 0.030607454699089286, 'mean_word_length': 0.7447993447993448, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '7056880', 'n_tokens_mistral': 2964, 'n_tokens_neox': 2529, 'n_words': 644}