//-- copyright // OpenProject is a project management system. // Copyright (C) 2012-2017 the OpenProject Foundation (OPF) // // This program is free software; you can redistribute it and/or // modify it under the terms of the GNU General Public License version 3. // // OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows: // Copyright (C) 2006-2017 Jean-Philippe Lang // Copyright (C) 2010-2013 the ChiliProject Team // // This program 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 2 // of the License, or (at your option) any later version. // // This program 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 this program; if not, write to the Free Software // Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. // // See doc/COPYRIGHT.rdoc for more details. //++ $toggler-width: 40px #main-menu bottom: auto width: $main-menu-width float: left left: 0 background-color: $main-menu-bg-color @include default-transition %absolute-layout-mode & position: relative height: 100% #menu-sidebar height: 100% +allow-vertical-scrolling -ms-overflow-style: -ms-autohiding-scrollbar ul margin: 0 padding: 0 &.menu_root // -------------- ALL menu items -------------------------------- li float: none list-style-type: none margin: 0 padding: 0 white-space: nowrap position: relative min-height: 23px &.ng-leave @include animation(0.5s fade-out) > a, .main-item-wrapper > a @include default-transition cursor: pointer text-decoration: none &:hover, &.selected, &.selected + a @include varprop(background, main-menu-bg-selected-background) @include varprop(color, main-menu-selected-font-color) font-weight: bold // -------------- MAIN menu items -------------------------------- > li .main-item-wrapper display: flex @include default-transition &:hover @include varprop(background, main-menu-bg-hover-background) @if $main-menu-enable-toggle-highlighting != true // simultaneously hover all menu item anchor tags > a @include varprop(color, main-menu-selected-font-color) > a:before padding-right: 25px a:not(.toggler) @extend .small-12 a:not(:only-child):first-of-type @extend .small-10 .open .toggler .icon-toggler:before @extend .icon-arrow-up1:before // padding for placeholder for highlighted left-item-border a // work around due to dom manipulation on document: ready: // this isn't scoped to .main-item-wrapper to avoid flickering padding-left: 7px a.toggler // explicitly reset to zero to avoid selector precedence problems padding-left: 0 &:first-of-type border-top: 1px solid $main-menu-item-border-color // -------------- CHILD menu items -------------------------------- ul.menu-children display: none margin-top: 10px margin-bottom: 10px padding: 0 &.unattached border-top: 1px solid #ddd li @include default-transition &:hover @include varprop(background, main-menu-child-bg-hover-color) @if $main-menu-enable-toggle-highlighting != true // simultaneously hover all menu item anchor tags > a color: $main-menu-child-selected-font-color a padding-left: 54px font-size: $main-menu-child-font-size line-height: $main-menu-child-item-height height: $main-menu-child-item-height &:hover text-decoration: none a text-decoration: none line-height: $main-menu-item-height display: block position: relative height: $main-menu-item-height color: $main-menu-font-color font-family: $body-font-family font-weight: normal font-size: $main-menu-font-size font-style: normal .toggler width: $toggler-width height: $main-menu-item-height text-align: center .sub-menu-heading float: left .toggle-follow position: absolute width: 140px .icon-time background: none padding: 0 .hidden-navigation #main-menu width: $main-menu-folded-width .ellipsis text-overflow: clip -o-text-overflow: clip -ms-text-overflow: clip .toggler display: none #menu-sidebar, #sidebar, .menu-children display: none #sidebar margin: 30px 0 0 0 padding: 0 17px 0 17px width: auto color: $main-menu-sidebar-font-color font-family: $body-font-family font-style: normal overflow: hidden text-overflow: ellipsis overflow-wrap: initial h3 display: block border: none //border-top: 1px solid $main-menu-sidebar-h3-border-top-color color: $main-menu-sidebar-h3-color font-weight: normal font-size: $main-menu-sidebar-h3-font-size margin: 30px 0 8px 0 padding: 10px 0 0 0 text-transform: uppercase > h3:first-child margin-top: 0 a, a:link color: $main-menu-sidebar-link-color display: inline position: static text-decoration: underline a:hover text-decoration: underline label color: $main-menu-sidebar-font-color max-width: 80% vertical-align: top ul border: none overflow-x: hidden li border: none li a padding: 0