Tweak the Web Insector toolbar look to be smaller when attached to
authortimothy@apple.com <timothy@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 23 May 2008 08:35:29 +0000 (08:35 +0000)
committertimothy@apple.com <timothy@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 23 May 2008 08:35:29 +0000 (08:35 +0000)
the inspected page.

Reviewed by Adam Roben.

* page/inspector/inspector.css:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@34064 268f45cc-cd09-0410-ab3c-d52691b4dbfc

WebCore/ChangeLog
WebCore/page/inspector/inspector.css

index eee462c..31da6ee 100644 (file)
@@ -1,3 +1,12 @@
+2008-05-23  Timothy Hatcher  <timothy@apple.com>
+
+        Tweak the Web Insector toolbar look to be smaller when attached to
+        the inspected page.
+
+        Reviewed by Adam Roben.
+
+        * page/inspector/inspector.css:
+
 2008-05-23  Simon Hausmann  <hausmann@webkit.org>
 
         Fix compilation without accessibility by providing an empty stub for
index ca548aa..1ebab1d 100644 (file)
@@ -71,12 +71,22 @@ img {
 
 body.inactive #toolbar {
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207)));
+    border-bottom: 1px solid rgb(64%, 64%, 64%);
 }
 
 body.detached.platform-mac-leopard #toolbar {
     background: transparent !important;
 }
 
+body.attached #toolbar {
+    height: 34px;
+    border-top: 1px solid rgb(100, 100, 100);
+}
+
+body.attached.inactive #toolbar {
+    border-top: 1px solid rgb(64%, 64%, 64%);
+}
+
 .toolbar-item {
     display: -webkit-box;
     padding: 4px 6px;
@@ -110,12 +120,29 @@ body.detached.platform-mac-leopard #toolbar {
     height: 32px;
 }
 
+body.attached .toolbar-icon {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    vertical-align: middle;
+}
+
 .toolbar-label {
     font-size: 11px;
     font-family: Lucida Grande, sans-serif;
     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
 }
 
+body.attached .toolbar-label {
+    display: inline-block;
+    vertical-align: middle;
+    margin-left: 3px;
+}
+
+body.attached #search-toolbar-label {
+    display: none;
+}
+
 .toolbar-item.elements .toolbar-icon {
     content: url(Images/elementsIcon.png);
 }
@@ -205,6 +232,10 @@ body.inactive .focused .selected .search-results-section {
     background-color: white;
 }
 
+body.attached #main {
+    top: 34px;
+}
+
 #main-panels {
     position: absolute;
     top: 0;