openproject/app/assets/stylesheets/context_menu.css.erb

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

++*/


#context-menu {
  position: absolute;
  font-size: 0.9em;
  left: -7px;
  top: -7px;
  padding: 6px;
  z-index: 21;
}

#context-menu ul, #context-menu li, #context-menu a {
	display:block;
	margin:0;
	padding:0;
	border:0;
}

#context-menu ul {
  width: 140px;
	list-style:none;
  position: absolute;
  left: -7px;
  z-index: 20;
  display: block;
  /* From .menu */
  background: #f4f4f4;
  border: 1px solid #afafaf;

}

#context-menu li {
	position:relative;
	padding:1px;
  padding: 6px;
	z-index:39;
	border:1px solid white;
  background-position: 6px center;
  background-repeat: no-repeat;
  cursor: pointer;
  /* From .menu */
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}

#context-menu.reverse-y li.folder>ul { top:auto; bottom:0; }
#context-menu.reverse-x li.folder ul { left:auto; right:168px; /* IE6 */ }
#context-menu.reverse-x li.folder>ul { right:148px; }

#context-menu a {
  border: none;
	background-repeat: no-repeat;
	background-position: 1px 50%;
	padding: 1px 10px 1px 20px;
	width:100%; /* IE */
}

#context-menu li>a {  /* others */
  width:auto;
}

#context-menu a.disabled, #context-menu a.disabled:hover {
  color: #ccc;
}

#context-menu li:hover {
  border: 1px solid gray;
  background-color:#eee;
}

#context-menu a:hover {
  color:#2A5685;
  border: none;
  background-color:#f4f4f4;
}

#context-menu li.folder:hover {
  z-index:40;
}

#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.folder div.submenu {
  background: url(<%= asset_path 'arrow-right.png' %>) no-repeat right;
  position: absolute;
  height: 9px;
  width: 7px;
  top: 11px;
  right: 6px;
}

#context-menu li.folder ul {
  display: none;
  position:absolute;
  max-height:300px;
  overflow-x:hidden;
  overflow-y: auto;
  left: 140px;
  top: -1px;
  width: auto;
  z-index: 19;
}
#context-menu li li {
  padding: 6px 12px;
  width: auto;
  display: block;
  white-space: nowrap;
}
#context-menu li:hover ul {
  display: block;
}
/* max height on menus */
#context-menu li.assigned > ul {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}

.hascontextmenu { cursor: context-menu; }