OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
openproject/app/assets/stylesheets/content/_context_menu.css.sass

140 lines
3.3 KiB

/*-- copyright
* OpenProject is a project management system.
* Copyright (C) 2012-2013 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-2013 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. ++
*/
@import global/all
@mixin context_menu_defaults
display:block
margin: 0
padding: 0
border: 0
#context-menu
position: absolute
font-size: 0.9em
left: -7px
top: -7px
padding: 6px
z-index: 21
ul
@include context_menu_defaults
width: 140px
list-style: none
position: absolute
left: -7px
z-index: 20
background: #f4f4f4
border: 1px solid #afafaf
li
@include context_menu_defaults
position: relative
padding: 1px
padding: 6px
z-index: 39
border: 1px solid white
background-position: 6px center
background-repeat: no-repeat
cursor: pointer
border-top: 1px solid #fff
border-bottom: 1px solid #ddd
> a
width:auto
&:hover
border: 1px solid gray
background-color: #eee
&.folder
&:hover
z-index: 40
div.submenu
background: url(image-path('arrow-right.png')) no-repeat right
position: absolute
height: 9px
width: 7px
top: 11px
right: 6px
ul
display: none
position: absolute
max-height: 400px
overflow-x: hidden
overflow-y: auto
left: 140px
top: -1px
width: auto
z-index: 19
a
@include context_menu_defaults
border: none
background-repeat: no-repeat
background-position: 1px 50%
padding: 1px 10px 1px 15px
width: 100%
&.icon, &.icon-context
color: $content_icon_link_hover_color
font-weight: bold
padding-left: 0
&.disabled, &.disabled:hover
color: #ccc
&:hover
color: #2A5685
border: none
text-decoration: none
&.reverse-y li.folder>ul
top: auto
bottom: 0
&.reverse-x li.folder
ul
left: auto
right: 168px
>ul
right: 148px
#context-menu ul ul, #context-menu li:hover ul ul
display: none
#context-menu li:hover ul, #context-menu li:hover li:hover ul
display: block
#context-menu li li
padding: 6px 12px
width: auto
display: block
white-space: nowrap
#context-menu li:hover ul
display: block
.hascontextmenu
cursor: context-menu