<commit_before>/* This file is part of Indico.
 * Copyright (C) 2002 - 2016 European Organization for Nuclear Research (CERN).
 *
 * Indico is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License as
 * published by the Free Software Foundation; either version 3 of the
 * License, or (at your option) any later version.
 *
 * Indico is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Indico; if not, see <http://www.gnu.org/licenses/>.
 */


.report {
    thead {
        font-weight: bold;

        th {
            border-left: 0;

            &:not(.sorter-false){
                cursor: pointer;
            }

            &:before {
                @include rotate-transform(0.3s);
                display: inline-block;
            }

            &.header-sort-asc {
                @include icon-before('icon-arrow-down');
            }

            &.header-sort-desc {
                @include icon-before('icon-arrow-down');

                &:before {
                    @include rotate(-180deg);
                }
            }

            > div {
                display: inline-block;
            }
        }
    }

    .entry-action-buttons {
        > a {
            font-size: 1.2em;
            margin-left: 3px;
        }
    }

    .person-row-cell {
        position: relative;
    }

    .person-row {
        &:before {
            color: $gray;
            margin-right: 5px;
        }
    }

    .scrollable {
        overflow-x: auto;
        width: 100%;

        table {
            width: auto;
            table-layout: auto;
        }
    }

    .change-columns-width:not(.active) {
        @include icon-before('icon-enlarge');
    }
    .change-columns-width.active {
        @include icon-before('icon-shrink');
    }
}

.report-filter-dialog {
    max-width: 1200px;
}

%enabled-action {
    @include icon-before('icon-eye');
}

%not-enabled-action {
    @include icon-before('icon-eye-blocked');
    color: $red !important;
}

.report-filter {
    padding-bottom: 14em;
    position: relative;

    > .i-label {
        margin: 5px;
        text-align: left;
        font-weight: bold;
        min-height: 2em;

        &.report-column {
            width: 12em;
            display: inline-flex;
            align-items: center;
            cursor: pointer;

            > .title {
                flex-grow: 1;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                color: $light-black;
                margin-left: 4px;

                &:before {
                    margin-right: 0.5em;
                }
            }

            > .actions {
                flex-shrink: 0;

                > .icon-eye {
                    &.enabled {
                        @extend %enabled-action;
                        display: none;
                        &:hover {
                            @extend %not-enabled-action;
                        }
                    }
                    &:not(.enabled) {
                        @extend %not-enabled-action;
                        &:hover {
                            @extend %enabled-action;
                        }
                    }

                }
            }

            &:hover > .actions > .icon-eye {
                display: inline;
            }

            .filter {
                cursor: pointer;
                color: $light-black;
            }

            .filter.active:before {
                color: $indico-blue;
            }

            .filter:hover:before {
                color: $yellow !important;
            }
        }
    }

    ul.dropdown {
        line-height: auto;
        height: auto;
        z-index: 1;
        max-height: 12em;
        overflow: auto;
        min-width: 12em;
        box-sizing: border-box;

        > li > label {
            color: $black;
            margin-left: 0.5em;
            line-height: 2;
            height: 2em;
            vertical-align: middle;
            cursor: pointer;
        }
    }

    > .bottom-buttons {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}
<commit_msg>Prevent table from moving when toggling mode<commit_after>/* This file is part of Indico.
 * Copyright (C) 2002 - 2016 European Organization for Nuclear Research (CERN).
 *
 * Indico is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License as
 * published by the Free Software Foundation; either version 3 of the
 * License, or (at your option) any later version.
 *
 * Indico is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Indico; if not, see <http://www.gnu.org/licenses/>.
 */


.report {
    thead {
        font-weight: bold;

        th {
            border-left: 0;

            &:not(.sorter-false){
                cursor: pointer;
            }

            &:before {
                @include rotate-transform(0.3s);
                display: inline-block;
            }

            &.header-sort-asc {
                @include icon-before('icon-arrow-down');
            }

            &.header-sort-desc {
                @include icon-before('icon-arrow-down');

                &:before {
                    @include rotate(-180deg);
                }
            }

            > div {
                display: inline-block;
            }
        }
    }

    .entry-action-buttons {
        > a {
            font-size: 1.2em;
            margin-left: 3px;
        }
    }

    .person-row-cell {
        position: relative;
    }

    .person-row {
        &:before {
            color: $gray;
            margin-right: 5px;
        }
    }

    table.i-table {
        margin-top: 0;
    }

    .scrollable {
        overflow-x: auto;
        width: 100%;

        table {
            width: auto;
            table-layout: auto;
        }
    }

    .change-columns-width:not(.active) {
        @include icon-before('icon-enlarge');
    }
    .change-columns-width.active {
        @include icon-before('icon-shrink');
    }
}

.report-filter-dialog {
    max-width: 1200px;
}

%enabled-action {
    @include icon-before('icon-eye');
}

%not-enabled-action {
    @include icon-before('icon-eye-blocked');
    color: $red !important;
}

.report-filter {
    padding-bottom: 14em;
    position: relative;

    > .i-label {
        margin: 5px;
        text-align: left;
        font-weight: bold;
        min-height: 2em;

        &.report-column {
            width: 12em;
            display: inline-flex;
            align-items: center;
            cursor: pointer;

            > .title {
                flex-grow: 1;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                color: $light-black;
                margin-left: 4px;

                &:before {
                    margin-right: 0.5em;
                }
            }

            > .actions {
                flex-shrink: 0;

                > .icon-eye {
                    &.enabled {
                        @extend %enabled-action;
                        display: none;
                        &:hover {
                            @extend %not-enabled-action;
                        }
                    }
                    &:not(.enabled) {
                        @extend %not-enabled-action;
                        &:hover {
                            @extend %enabled-action;
                        }
                    }

                }
            }

            &:hover > .actions > .icon-eye {
                display: inline;
            }

            .filter {
                cursor: pointer;
                color: $light-black;
            }

            .filter.active:before {
                color: $indico-blue;
            }

            .filter:hover:before {
                color: $yellow !important;
            }
        }
    }

    ul.dropdown {
        line-height: auto;
        height: auto;
        z-index: 1;
        max-height: 12em;
        overflow: auto;
        min-width: 12em;
        box-sizing: border-box;

        > li > label {
            color: $black;
            margin-left: 0.5em;
            line-height: 2;
            height: 2em;
            vertical-align: middle;
            cursor: pointer;
        }
    }

    > .bottom-buttons {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

{'fraction_non_alphanumeric': 0.10398939109293845, 'fraction_numerical': 0.010719416510111615, 'mean_word_length': 1.1056305258259655, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '7544776', 'n_tokens_mistral': 2630, 'n_tokens_neox': 2382, 'n_words': 595}