Web Inspector: Add a subtle blue background for selected console messages
authornvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 27 Feb 2015 05:32:07 +0000 (05:32 +0000)
committernvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 27 Feb 2015 05:32:07 +0000 (05:32 +0000)
https://bugs.webkit.org/show_bug.cgi?id=142073

Reviewed by Timothy Hatcher.

* UserInterface/Views/LogContentView.css:
(.console-item.selected::after):
(.console-messages:focus .console-item.selected):
(.console-messages:focus .console-item.selected + .console-item):
(.console-error-level + .console-item):
(.console-error-level .section .header .title):
(.console-warning-level):
(.console-warning-level + .console-item):

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

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/LogContentView.css

index 9bfa0bd..b27b1e4 100644 (file)
@@ -1,3 +1,19 @@
+2015-02-26  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        Web Inspector: Add a subtle blue background for selected console messages
+        https://bugs.webkit.org/show_bug.cgi?id=142073
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/LogContentView.css:
+        (.console-item.selected::after):
+        (.console-messages:focus .console-item.selected):
+        (.console-messages:focus .console-item.selected + .console-item):
+        (.console-error-level + .console-item):
+        (.console-error-level .section .header .title):
+        (.console-warning-level):
+        (.console-warning-level + .console-item):
+
 2015-02-26  Joseph Pecoraro  <pecoraro@apple.com>
 
         Web Inspector: Colored console messages apply text color to object tree properties
index ce0b78d..9ba00b9 100644 (file)
     display: block;
     content: "";
     left: 0;
-    top: 0;
-    bottom: 0;
+    top: -1px;
+    bottom: -1px;
     background: hsl(0, 0%, 60%);
     width: 2px;
+    z-index: 10;
 }
 
 .console-messages:focus .console-item.selected .data-grid tr.selected {
     background-color: hsl(210, 0%, 90%) !important;
 }
 
+.console-messages:focus .console-item.selected {
+    background-color: hsl(210, 98%, 96%);
+    border-color: hsl(210, 90%, 93%);
+}
+
+.console-messages:focus .console-item.selected + .console-item {
+    border-top-color: hsl(210, 90%, 93%);
+}
+
 .console-messages:focus .console-item.selected::after {
     background: hsl(210, 100%, 49%);
 }
     border-color: hsl(0, 100%, 92%);
 }
 
+.console-error-level + .console-item {
+    border-top-color: hsl(0, 100%, 92%);
+}
+
 .console-error-level .console-message-text,
 .console-error-level .section .header .title {
-    color: hsl(0, 75%, 50%);
+    color: hsl(0, 75%, 45%);
 }
 
 .console-debug-level .console-message-text {
 
 .console-warning-level {
     background-color: hsl(50, 100%, 94%);
-    border-color: hsl(50, 100%, 86%);
+    border-color: hsl(40, 100%, 90%);
+}
+
+.console-warning-level + .console-item {
+    border-top-color: hsl(40, 100%, 90%);
 }
 
 .console-warning-level .console-message-text {