CC-3424 , CSS and icon changes for the new context menu. Added icons for all actions
Signed-off-by: Vladimir <vladimir.stefanovic@sourcefabric.org>
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
|
@ -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; }
|
||||
|
|