0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

32
source/Ox.UI/themes/classic/_index.html
View file

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

4
source/Ox.UI/themes/classic/css/classic.css
View file

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

7
source/Ox.UI/themes/modern/css/modern.css
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 {
background: rgb(32, 32, 32);
color: rgb(224, 224, 224);