Changeset 225

Timestamp:

06/08/05 05:34:35 (8 years ago)

Author:

gocher

Message:

toolbar changes
put lable, select, textindicator in a div, to have the same height

Location:

trunk

Files:

• htmlarea.css (modified) (3 diffs)
• htmlarea.js (modified) (3 diffs)
• skins/blue-metallic/skin.css (modified) (1 diff)

trunk/htmlarea.css

@@ -15 +15 @@
   font-size: 11px;
 }
+.htmlarea .toolbar .toolbarRow .container {
+  margin: 0px;
+  height: 22px;
+  padding: 1px;
+}
+
 .htmlarea .toolbar .toolbarRow img { margin: 0; border: none;}
 .htmlarea .toolbar .toolbarRow .label {
@@ -21 +27 @@
   top: 5px;
   padding-right: 2px;
+  border-bottom: 1px;
+  height: 17px;
 }
 .htmlarea .toolbar .toolbarRow .select { 
   vertical-align: top;
   position: relative;
-  top: 3px;
+  top: 2px;
 }
 
@@ -72 +80 @@
   vertical-align: top;
   position: relative;
-  top: 5px;
+  top: 4px;
 }
 

trunk/htmlarea.js

@@ -843 +843 @@
       });
     }
-    return el;
+    var xel = document.createElement("div");
+    xel.className = "container";
+    xel.appendChild(el);
+    return xel;
   }; // END of function: createSelect
 
@@ -970 +973 @@
             break;
           case "textindicator":
-            tb_element = document.createElement("div");
-            tb_element.appendChild(document.createTextNode("A"));
-            tb_element.className = "indicator";
-            tb_element.title = HTMLArea._lc("Current style");
+            var el = document.createElement("div");
+            el.appendChild(document.createTextNode("A"));
+            el.className = "indicator";
+            el.title = HTMLArea._lc("Current style");
             var obj = {
               name      : code, // the button name (i.e. 'bold')
-              element : tb_element, // the UI element (DIV)
+              element : el, // the UI element (DIV)
               enabled : true, // is it enabled?
               active    : false, // is it pressed?
@@ -984 +987 @@
             };
             tb_objects[code] = obj;
+            var tb_element = document.createElement("div");
+            tb_element.className = "container";
+            tb_element.appendChild(el);
             break;
         default:

trunk/skins/blue-metallic/skin.css

@@ -8 +8 @@
   -moz-border-radius:5px;
   margin: 1px;
+}
+.htmlarea .toolbar .toolbarRow .container,
+.htmlarea .toolbar .toolbarRow .label {
+  background-image: url(button-background.png);
 }