CC-3424 , CSS and icon changes for the new context menu. Added icons for all actions

Signed-off-by: Vladimir <vladimir.stefanovic@sourcefabric.org>
This commit is contained in:
Vladimir 2012-04-11 18:35:47 +02:00
parent 4ff0962b60
commit 29b8e0f682
15 changed files with 21 additions and 12 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -22,8 +22,8 @@
position: absolute;
list-style-type: none;
border: 1px solid #DDD;
background: #EEE;
border: 1px solid #333333;
background: #f0f0f0;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
@ -31,14 +31,15 @@
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.context-menu-item {
padding: 2px 2px 2px 28px;
background-color: #EEE;
background-color: #f0f0f0;
position: relative;
min-height: 18px;
-moz-user-select: -moz-none;
}
@ -53,7 +54,7 @@
.context-menu-item.hover {
cursor: pointer;
background-color: #39F;
background-color: #ff5d1a;
}
.context-menu-item.disabled {
@ -82,13 +83,21 @@
.context-menu-item.icon:before {}
*/
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
.context-menu-item.icon-edit { background-image: url(images/icon_edit.png); }
.context-menu-item.icon-cut { background-image: url(images/icon_cut.png); }
.context-menu-item.icon-copy { background-image: url(images/icon_copy.png); }
.context-menu-item.icon-paste { background-image: url(images/icon_paste.png); }
.context-menu-item.icon-delete { background-image: url(images/icon_delete.png); }
.context-menu-item.icon-quit { background-image: url(images/icon_door.png); }
.context-menu-item.icon-soundcloud { background-image: url(images/icon_soundcloud.png); }
.context-menu-item.icon-edit { background-image: url(images/icon_edit_cm.png); }
.context-menu-item.icon-cut { background-image: url(images/icon_cut_cm.png); }
.context-menu-item.icon-copy { background-image: url(images/icon_copy_cm.png); }
.context-menu-item.icon-paste { background-image: url(images/icon_paste_cm.png); }
.context-menu-item.icon-delete { background-image: url(images/icon_delete_cm.png); }
.context-menu-item.icon-quit { background-image: url(images/icon_door_cm.png); }
.context-menu-item.icon-soundcloud { background-image: url(images/icon_soundcloud_cm.png); }
.context-menu-item.icon-download { background-image: url(images/icon_download_cm.png); }
.context-menu-item.icon-overview { background-image: url(images/icon_overview_cm.png); }
.context-menu-item.icon-play { background-image: url(images/icon_play_cm.png); }
.context-menu-item.icon-select-cursor { background-image: url(images/icon_select-cursor_cm.png); }
.context-menu-item.icon-add-playlist { background-image: url(images/icon_add_playlist_cm.png); }
.context-menu-item.icon-add-remove-content { background-image: url(images/icon_add_content_cm.png); }
.context-menu-item.icon-remove-all-content { background-image: url(images/icon_remove_all_content_cm.png); }
/* vertically align inside labels */
.context-menu-input > label > * { vertical-align: top; }