[the-board] [ui] Allow setting thing-specific style in ToolBox

[Lucas Almeida Rocha <lucasr src gnome org>]

commit d624df0a47ee06b4ae114fe4cb7544fd4d1638ce
Author: Lucas Rocha <lucasr gnome org>
Date:   Sun Nov 7 19:50:18 2010 +0000

    [ui] Allow setting thing-specific style in ToolBox

 data/style/style.css |   10 ++++++++++
 src/js/ui/toolBox.js |   14 +++++++++++++-
 2 files changed, 23 insertions(+), 1 deletions(-)
---
diff --git a/data/style/style.css b/data/style/style.css
index e9e35d9..d375447 100644
--- a/data/style/style.css
+++ b/data/style/style.css
@@ -164,6 +164,11 @@ MxLabel#tool-box-title-label {
     font-family: "Action Man";
 }
 
+TbBox#thing-tool-box-main-box {
+    background-color: white;
+    padding: 0px 0px 0px 12px;
+}
+
 MxButton#tool-box-button {
     font-size: 14px;
     font-family: "Action Man";
@@ -173,6 +178,11 @@ MxButton#tool-box-button {
     background-color: white;
 }
 
+TbBox#thing-tool-box-main-box {
+    background-color: #DDDDDD;
+    padding: 0px 0px 0px 12px;
+}
+
 MxButton#tool-box-button:checked {
     border-image: url("tool-box-button-selected.png") 4 4 4 4;
 }
diff --git a/src/js/ui/toolBox.js b/src/js/ui/toolBox.js
index 9b5dfb6..225b494 100644
--- a/src/js/ui/toolBox.js
+++ b/src/js/ui/toolBox.js
@@ -28,6 +28,18 @@ ToolBox.prototype = {
             this._isButtonGroup = false;
         }
 
+        if ('isThingToolBox' in args) {
+            this._isThingToolBox = args.isThingToolBox;
+        } else {
+            this._isThingToolBox = false;
+        }
+
+        if (this._isThingToolBox) {
+            this._mainBoxName = "thing-tool-box-main-box";
+        } else {
+            this._mainBoxName = "tool-box-main-box";
+        }
+
         this._loaded = false;
         this._active = false;
         this._buttons = [];
@@ -47,7 +59,7 @@ ToolBox.prototype = {
                          xAlign: Tb.BoxAlignment.START,
                          yAlign: Tb.BoxAlignment.FILL,
                          reactive: true,
-                         name: "tool-box-main-box" });
+                         name: this._mainBoxName });
     },
 
     _createTitleBox : function() {