<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/>.
 */

@import 'base/animation';

.sideBar {
    float: right;
    width: 340px;

    h1 {
        margin: 0;
        padding: 0;
        color: $light-black;
        font-size: 15px;
    }

    ul {
        padding: 0;
        list-style-type: none;
    }

    em {
        color: $light-black;
    }

    .content {
        @include border-radius();
        background-color: #ECECEC;
        padding: 2em;
    }

    a {
        &.advanced {
            font-style: italic;
        }

        &.subLink {
            font-style: italic;
            font-size: 14px;
        }
    }
}

.side-menu {
    @extend %font-family-title;
    @include user-select(none);
    @include single-box-shadow();
    @include border-all();
    @include border-radius();
    font-size: 1.1em;

    ul.menu-items > li.section {
        padding: 0;

        .title-wrapper {
            @include icon-before('icon-arrow-down');
            cursor: pointer;

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

        &.collapsed {
            // We do not hide the <ul> here since we use JS to animate opening/closing a section
            .title-wrapper:before {
                @include rotate(-90deg);
            }
        }
    }

    ul.menu-items {
        list-style-type: none;
        padding: 0;
        margin: 0;

        > li {
            @include border-bottom();
            display: block;
            margin: 0;

            &.disabled {
                color: $dark-gray;
            }

            &:last-child {
                border-bottom: none;
            }

            .title-wrapper {
                display: block;
                min-height: 2.3rem;
                line-height: 2.3rem;
                padding-left: 9px;

                .title {
                    display: inline;
                    padding-left: 3px;
                }
            }

            .title {
                display: block;
                min-height: 2.3rem;
                line-height: 2.3rem;
                color: $black;
                padding-left: 26px;

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

                span {
                    display: inline-block;
                    vertical-align: middle;
                }
            }

            a.title {
                color: $dark-blue;
            }

            > ul {
                list-style-type: none;
                font-size: 0.95em;
                padding: 0;

                > li .title {
                    min-height: 1.7rem;
                    line-height: 1.7rem;
                    padding-left: 51px;
                }
            }

            &:last-child > ul > li:last-child {
                margin-bottom: 0;
            }

            &:not(.active) a.title:hover {
                color: $darker-blue;
                background-color: $light-gray;
            }

            &.active a.title {
                color: $darker-blue;
            }
        }
    }
}

ul.menu-items li.active {
    @include inner-border-left($link, $width: 2px);
    position: relative;
    background-color: $light-blue;

    > a {
        font-weight: normal;
    }
}
<commit_msg>Fix sidebar menu layout in IE<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/>.
 */

@import 'base/animation';

.sideBar {
    float: right;
    width: 340px;

    h1 {
        margin: 0;
        padding: 0;
        color: $light-black;
        font-size: 15px;
    }

    ul {
        padding: 0;
        list-style-type: none;
    }

    em {
        color: $light-black;
    }

    .content {
        @include border-radius();
        background-color: #ECECEC;
        padding: 2em;
    }

    a {
        &.advanced {
            font-style: italic;
        }

        &.subLink {
            font-style: italic;
            font-size: 14px;
        }
    }
}

.side-menu {
    @extend %font-family-title;
    @include user-select(none);
    @include single-box-shadow();
    @include border-all();
    @include border-radius();
    font-size: 1.1em;

    ul.menu-items > li.section {
        padding: 0;

        .title-wrapper {
            @include icon-before('icon-arrow-down');
            cursor: pointer;

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

        &.collapsed {
            // We do not hide the <ul> here since we use JS to animate opening/closing a section
            .title-wrapper:before {
                @include rotate(-90deg);
            }
        }
    }

    ul.menu-items {
        list-style-type: none;
        padding: 0;
        margin: 0;

        > li {
            @include border-bottom();
            display: block;
            margin: 0;

            &.disabled {
                color: $dark-gray;
            }

            &:last-child {
                border-bottom: none;
            }

            .title-wrapper {
                display: block;
                min-height: 2.6em;
                line-height: 2.6em;
                padding-left: 9px;

                .title {
                    display: inline;
                    padding-left: 3px;
                }
            }

            .title {
                display: block;
                min-height: 2.6em;
                line-height: 2.6em;
                color: $black;
                padding-left: 26px;

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

            a.title {
                color: $dark-blue;
            }

            > ul {
                list-style-type: none;
                font-size: 0.95em;
                padding: 0;

                > li .title {
                    min-height: 2em;
                    line-height: 2em;
                    padding-left: 51px;
                }
            }

            &:last-child > ul > li:last-child {
                margin-bottom: 0;
            }

            &:not(.active) a.title:hover {
                color: $darker-blue;
                background-color: $light-gray;
            }

            &.active a.title {
                color: $darker-blue;
            }
        }
    }
}

ul.menu-items li.active {
    @include inner-border-left($link, $width: 2px);
    position: relative;
    background-color: $light-blue;

    > a {
        font-weight: normal;
    }
}

{'fraction_non_alphanumeric': 0.10248058130794287, 'fraction_numerical': 0.014031571034828364, 'mean_word_length': 1.1799563080283997, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 21, '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': '4141355', 'n_tokens_mistral': 2395, 'n_tokens_neox': 2164, 'n_words': 598}