update css to allow for 'OxSelectable' that looks like a text list item

This commit is contained in:
rlx 2011-11-06 18:37:29 +00:00
parent 7e2e0cedb6
commit 77d2d22505
3 changed files with 27 additions and 16 deletions

View file

@ -52,23 +52,23 @@
$buttons = $('<div>').appendTo($body), $buttons = $('<div>').appendTo($body),
$symbols = $('<div>').appendTo($body); $symbols = $('<div>').appendTo($body);
[ [
'add', 'remove', 'close', 'select', 'Add', 'Remove', 'Close', 'Select',
'arrowLeft', 'arrowRight', 'arrowUp', 'arrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown',
'left', 'right', 'up', 'down', 'Left', 'Right', 'Up', 'Down',
'pause', 'playInToOut', 'goToIn', 'goToOut', 'setIn', 'setOut', 'Pause', 'PlayInToOut', 'GoToIn', 'GoToOut', 'SetIn', 'SetOut',
'goToPoster', 'setPoster', 'GoToPoster', 'SetPoster',
'center', 'zoom', 'grow', 'shrink', 'fill', 'fit', 'Center', 'Zoom', 'Grow', 'Shrink', 'Fill', 'Fit',
'unmute', 'volumeUp', 'volumeDown', 'mute', 'Unmute', 'VolumeUp', 'VolumeDown', 'Mute',
'undo', 'redo', 'unlock', 'lock', 'Undo', 'Redo', 'Unlock', 'Lock',
'volume', 'mount', 'unmount', 'sync', 'Volume', 'Mount', 'Unmount', 'Sync',
'info', 'warning', 'help', 'Info', 'Warning', 'Help',
'check', 'embed', 'bracket', 'Check', 'Embed', 'Bracket',
'upload', 'download', 'Upload', 'Download',
'copyright', 'noCopyright', 'Copyright', 'NoCopyright',
'click', 'delete', 'edit', 'find', 'flag', 'icon', 'like', 'Click', 'Delete', 'Edit', 'Find', 'Flag', 'Icon', 'Like',
'publish', 'set', 'star', 'user', 'view', 'loading' 'Publish', 'Set', 'Star', 'User', 'View', 'Loading'
].forEach(function(symbol) { ].forEach(function(symbol) {
var $symbol, src = 'svg/symbol' + Ox.toTitleCase(symbol) + '.svg'; var $symbol, src = 'svg/symbol' + symbol + '.svg';
console.log(symbol) console.log(symbol)
$('<input>') $('<input>')
.attr({ .attr({

View file

@ -718,6 +718,10 @@ Miscellaneous
================================================================================ ================================================================================
*/ */
.OxThemeClassic .OxSelectable.OxSelected {
background: rgb(224, 224, 224);
}
.OxThemeClassic .OxScreen { .OxThemeClassic .OxScreen {
background: rgb(224, 224, 224); background: rgb(224, 224, 224);
color: rgb(32, 32, 32); color: rgb(32, 32, 32);

View file

@ -741,6 +741,13 @@ Miscellaneous
================================================================================ ================================================================================
*/ */
.OxThemeModern .OxSelectable.OxSelected {
background: rgb(48, 48, 48);
}
.OxThemeModern .OxSelectable.OxSelected.OxFocus {
background: rgb(64, 64, 64);
}
.OxThemeModern .OxScreen { .OxThemeModern .OxScreen {
background: rgb(32, 32, 32); background: rgb(32, 32, 32);
color: rgb(224, 224, 224); color: rgb(224, 224, 224);