<commit_before>/* This file is part of Indico.
 * Copyright (C) 2002 - 2018 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/>.
 */

@import 'rb_new:styles/util';
@import 'rb_new:styles/palette';

.rb-layout {
    // this will reset the stacking context,
    // which will allow us to use z-indexes
    display: flex;
    flex-direction: column;
}

.rb-menu-bar {
    background-color: $highlight-color;
    padding: 0 20px;
    margin: 0;
    height: $menu-height;
    line-height: $menu-height;
    display: flex;

    // make dropdown menus overlap whatever
    // is in the content page
    z-index: 2;

    :global(.row) {
        padding: 0;
    }

    a {
        text-decoration: none;
    }

    h1 {
        display: inline-block;
        margin: 0;
        color: $white;
        line-height: $menu-height;

        a {
            color: $white;
            margin-left: 0.2em;
        }
    }

    :global(.column) {
        display: flex;
    }
}

%rb-menu-bar-side {
    flex-grow: 1;
    display: flex;
}

.rb-menu-bar-side-left {
    @extend %rb-menu-bar-side;

    * {
        margin-right: auto;
    }
}

.rb-menu-bar-side-right {
    @extend %rb-menu-bar-side;

    * {
        margin-left: auto;
    }
}

.rb-menu-bar-menu {
    flex-grow: 3;
}

.rb-content {
    // lower z-index than menu
    z-index: 1;

    & > :global(.ui.grid:not(.landing-wrapper)) {
        padding: $rb-content-padding;
    }
}

.rb-pushable, .rb-pusher:global(.pusher) {
    // make sure that side bar takes the whole remaining height of the page
    min-height: calc(100vh - #{$menu-height} - 50px);
}<commit_msg>Fix sticky filter bars<commit_after>/* This file is part of Indico.
 * Copyright (C) 2002 - 2018 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/>.
 */

@import 'rb_new:styles/util';
@import 'rb_new:styles/palette';

.rb-layout {
    // this will reset the stacking context,
    // which will allow us to use z-indexes
    display: flex;
    flex-direction: column;
}

.rb-menu-bar {
    background-color: $highlight-color;
    padding: 0 20px;
    margin: 0;
    height: $menu-height;
    line-height: $menu-height;
    display: flex;

    // make dropdown menus overlap whatever
    // is in the content page
    z-index: 2;

    :global(.row) {
        padding: 0;
    }

    a {
        text-decoration: none;
    }

    h1 {
        display: inline-block;
        margin: 0;
        color: $white;
        line-height: $menu-height;

        a {
            color: $white;
            margin-left: 0.2em;
        }
    }

    :global(.column) {
        display: flex;
    }
}

%rb-menu-bar-side {
    flex-grow: 1;
    display: flex;
}

.rb-menu-bar-side-left {
    @extend %rb-menu-bar-side;

    * {
        margin-right: auto;
    }
}

.rb-menu-bar-side-right {
    @extend %rb-menu-bar-side;

    * {
        margin-left: auto;
    }
}

.rb-menu-bar-menu {
    flex-grow: 3;
}

.rb-content {
    // lower z-index than menu
    z-index: 1;

    & > :global(.ui.grid:not(.landing-wrapper)) {
        padding: $rb-content-padding;
    }
}

.rb-pushable {
    // make sure that side bar takes the whole remaining height of the page
    min-height: calc(100vh - #{$menu-height} - 50px);
    // unset `transform` which breaks the Sticky filter bar and set `position` here
    // so that rb-pusher positions itself correctly
    transform: unset !important;
    position: relative;

    .rb-pusher:global(.pusher) {
        min-height: calc(100vh - #{$menu-height} - 50px);
    }
}
{'fraction_non_alphanumeric': 0.11800588977702987, 'fraction_numerical': 0.012410601598653766, 'mean_word_length': 2.281573498964803, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 7, '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': '6099824', 'n_tokens_mistral': 1599, 'n_tokens_neox': 1503, 'n_words': 492}