Title: [123207] trunk/Source/WebCore
Revision
123207
Author
[email protected]
Date
2012-07-20 06:07:48 -0700 (Fri, 20 Jul 2012)

Log Message

Web Inspector: Status bar icons are misaligned by 1px to the right
https://bugs.webkit.org/show_bug.cgi?id=91757

Reviewed by Vsevolod Vlasov.

* inspector/front-end/inspector.css:
(.glyph):
(.glyph.shadow):

Modified Paths

Diff

Modified: trunk/Source/WebCore/ChangeLog (123206 => 123207)


--- trunk/Source/WebCore/ChangeLog	2012-07-20 12:50:42 UTC (rev 123206)
+++ trunk/Source/WebCore/ChangeLog	2012-07-20 13:07:48 UTC (rev 123207)
@@ -1,3 +1,14 @@
+2012-07-19  Pavel Feldman  <[email protected]>
+
+        Web Inspector: Status bar icons are misaligned by 1px to the right
+        https://bugs.webkit.org/show_bug.cgi?id=91757
+
+        Reviewed by Vsevolod Vlasov.
+
+        * inspector/front-end/inspector.css:
+        (.glyph):
+        (.glyph.shadow):
+
 2012-07-20  Andrei Poenaru  <[email protected]>
 
         Web Inspector: Protocol Extension: add getNamedFlowCollection command

Modified: trunk/Source/WebCore/inspector/front-end/Images/statusbarButtonGlyphs.png


(Binary files differ)

Modified: trunk/Source/WebCore/inspector/front-end/inspector.css (123206 => 123207)


--- trunk/Source/WebCore/inspector/front-end/inspector.css	2012-07-20 12:50:42 UTC (rev 123206)
+++ trunk/Source/WebCore/inspector/front-end/inspector.css	2012-07-20 13:07:48 UTC (rev 123207)
@@ -562,15 +562,16 @@
 .glyph {
     position: absolute;
     top: -1px;
+    bottom: 1px;
     left: 0;
     right: 0;
-    bottom: 0;
     background-color: rgba(0, 0, 0, 0.75);
     z-index: 1;
 }
 
 .glyph.shadow {
-    top: 1px;
+    top: 0;
+    bottom: 0;
     background-color: white !important;
     z-index: 0;
 }
@@ -595,6 +596,10 @@
     border-right: 1px solid rgb(202, 202, 202);
 }
 
+.status-bar button.status-bar-item .glyph {
+    margin: 0 -1px;
+}
+
 .status-bar select.status-bar-item:active,
 .status-bar button.status-bar-item:active {
     background-color: rgb(163,163,163);
@@ -625,7 +630,7 @@
     background-image: url(Images/disclosureTriangleSmallDown.png);
     background-repeat: no-repeat;
     background-position-x: right;
-    background-position-y: 6px;
+    background-position-y: 5px;
     padding-right: 10px;
     border-right: 5px solid transparent;
 }
@@ -642,6 +647,7 @@
     margin-right: -15px;
     position: relative;
     top: -1px;
+    height: 23px;
 }
 
 select.status-bar-item, select.status-bar-item:hover {
_______________________________________________
webkit-changes mailing list
[email protected]
http://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to