Changeset 9340

Timestamp:

06/27/07 17:38:09 (19 months ago)

Author:

alex

Message:

make toolbars look like toolbars and less like a collection of buttons. Refs #3081

Location:

dijit/trunk

Files:

• themes/tundra/tundra.css (modified) (1 diff)
• Toolbar.js (modified) (1 diff)

dijit/trunk/themes/tundra/tundra.css

@@ -93 +93 @@
         /* border-style:inset; */
         background: #ededed url("images/buttonActive.png") bottom repeat-x;
+}
+
+.tundra .dijitToolbar {
+        border:1px solid #9b9b9b;
+        background:#e9e9e9 url("images/buttonEnabled.png") repeat-x top;
+}
+
+.tundra .dijitToolbar .dijitButtonNode,
+.tundra .dijitToolbar .dijitToolbarSeparator {
+        padding: 0px;
+        margin: 0px;
+        border: 1px solid transparent;
+        background: none;
+}
+.tundra .dijitToolbar .dijitButtonHover .dijitButtonNode,
+.tundra .dijitToolbar .dijitToggleButtonActive .dijitButtonNode,
+.tundra .dijitToolbar .dijitToggleButtonSelected .dijitButtonNode {
+        border-color: #366dba;
 }
 

dijit/trunk/Toolbar.js

@@ -26 +26 @@
         //      A line between two menu items
 
-        templateString: '<span class="dijiToolbarSeparator"></span>',
+        templateString: '<span class="dijitToolbarSeparator dijitInline"></span>',
 
         postCreate: function(){