Improve toolbar appearance (remove top border).

Tweak the CSS to remove the top border of the toolbar div and add some side padding to the XUL toolbar CSS. The toolbar previously rendered poorly in Firefox 24, looking as though it had a weird floating line above it.
benbasson · Sep 29, 2013 · b1c0c84 · b1c0c84
1 parent 957931f
commit b1c0c84
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/chrome/imagetoolbar/skin/classic/imagetoolbar.css b/src/chrome/imagetoolbar/skin/classic/imagetoolbar.css
@@ -14,6 +14,10 @@ toolbar[mode="icons"] .toolbarbutton-text
   display: none;
 }
 
+toolbar {
+  padding: 0 2px !important;
+}
+
 .toolbarbutton-icon
 {
   -moz-padding-start: 1px;

diff --git a/src/chrome/imagetoolbar/skin/classic/toolbardiv.css b/src/chrome/imagetoolbar/skin/classic/toolbardiv.css
@@ -2,7 +2,6 @@
 
 #mozilla-image-toolbar-div
 {
-  border-top: 1px solid #FFFFFF !important;
   border-left: 1px solid #FFFFFF !important;
   border-right: 1px solid #808080 !important;
   border-bottom: 1px solid #808080 !important;