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

/* this one is here to counter the declaration to
display all links having an icon (black, non bold)
as opposed to links not having one (blue, bold).
As long as that is defined there will be an inconsistency.
But at least the context menu is consistent with this statement. */

#context-menu a.icon {
  color: #008BD0;
  font-weight: bold;
}

#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;
}

#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:400px;
  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;
}

.hascontextmenu { cursor: context-menu; }