From 77d2d22505c69b8b1b4a71770323f0df30304219 Mon Sep 17 00:00:00 2001
From: rlx <0x0073@0x2620.org>
Date: Sun, 6 Nov 2011 18:37:29 +0000
Subject: [PATCH] update css to allow for 'OxSelectable' that looks like a text
 list item

---
 source/Ox.UI/themes/classic/_index.html     | 32 ++++++++++-----------
 source/Ox.UI/themes/classic/css/classic.css |  4 +++
 source/Ox.UI/themes/modern/css/modern.css   |  7 +++++
 3 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/source/Ox.UI/themes/classic/_index.html b/source/Ox.UI/themes/classic/_index.html
index a75b2045..22bd5585 100644
--- a/source/Ox.UI/themes/classic/_index.html
+++ b/source/Ox.UI/themes/classic/_index.html
@@ -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({
diff --git a/source/Ox.UI/themes/classic/css/classic.css b/source/Ox.UI/themes/classic/css/classic.css
index e9e0ddd3..0ec20988 100644
--- a/source/Ox.UI/themes/classic/css/classic.css
+++ b/source/Ox.UI/themes/classic/css/classic.css
@@ -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);
diff --git a/source/Ox.UI/themes/modern/css/modern.css b/source/Ox.UI/themes/modern/css/modern.css
index e2dc8f9f..39590013 100644
--- a/source/Ox.UI/themes/modern/css/modern.css
+++ b/source/Ox.UI/themes/modern/css/modern.css
@@ -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);