diff options
| author | Jean-Philippe Lang <jp_lang@yahoo.fr> | 2007-10-28 10:55:59 +0000 |
|---|---|---|
| committer | Jean-Philippe Lang <jp_lang@yahoo.fr> | 2007-10-28 10:55:59 +0000 |
| commit | bb4acc02d06d507424057ea41eebe54fdb224b85 (patch) | |
| tree | 51601cb26b1e8f0122c7529a203485cbb2bed882 /public/stylesheets/context_menu.css | |
| parent | d9e6359a839d7097283c237e4982e8ef5df2849e (diff) | |
| download | redmine-bb4acc02d06d507424057ea41eebe54fdb224b85.tar.gz redmine-bb4acc02d06d507424057ea41eebe54fdb224b85.zip | |
Added AJAX based context menu on the project issue list that provide shortcuts for editing, re-assigning, changing the status or the priority, moving or deleting an issue.
The context menu shows up when right-clicking an issue (Opera users have to use Ctrl + left-click instead since right-click can't be reassigned for this browser).
Works with Firefox 2, IE 7 (not perfect), Opera 9 and Safari 2. IE 6 doesn't display submenus.
git-svn-id: http://redmine.rubyforge.org/svn/trunk@872 e93f8b46-1217-0410-a6f0-8f06a7374b81
Diffstat (limited to 'public/stylesheets/context_menu.css')
| -rw-r--r-- | public/stylesheets/context_menu.css | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/public/stylesheets/context_menu.css b/public/stylesheets/context_menu.css new file mode 100644 index 000000000..52cac79ee --- /dev/null +++ b/public/stylesheets/context_menu.css @@ -0,0 +1,52 @@ +#context-menu { position: absolute; } + +#context-menu ul, #context-menu li, #context-menu a { + display:block; + margin:0; + padding:0; + border:0; +} + +#context-menu ul { + width:150px; + border-top:1px solid #ddd; + border-left:1px solid #ddd; + border-bottom:1px solid #777; + border-right:1px solid #777; + background:white; + list-style:none; +} + +#context-menu li { + position:relative; + padding:1px; + z-index:9; +} +#context-menu li.folder ul { + position:absolute; + left:128px; /* IE */ + top:-2px; +} +#context-menu li.folder>ul { left:148px; } + +#context-menu a { + border:1px solid white; + text-decoration:none; + background-repeat: no-repeat; + background-position: 1px 50%; + padding: 2px 0px 2px 20px; + width:100%; /* IE */ +} +#context-menu li>a { width:auto; } /* others */ +#context-menu a.disabled, #context-menu a.disabled:hover {color: #ccc;} +#context-menu li a.submenu { background:url("../images/sub.gif") right no-repeat; } +#context-menu a:hover { border-color:gray; background-color:#eee; color:#2A5685; } +#context-menu li.folder a:hover { background-color:#eee; } +#context-menu li.folder:hover { z-index:10; } +#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; } + +/* selected element */ +.context-menu-selection { background-color:#507AAA !important; color:#f8f8f8 !important; } +.context-menu-selection a, .context-menu-selection a:hover { color:#f8f8f8 !important; } +.context-menu-selection:hover { background-color:#507AAA !important; color:#f8f8f8 !important; } |