Modified: trunk/Source/WebInspectorUI/ChangeLog (180724 => 180725)
--- trunk/Source/WebInspectorUI/ChangeLog 2015-02-27 05:27:13 UTC (rev 180724)
+++ trunk/Source/WebInspectorUI/ChangeLog 2015-02-27 05:32:07 UTC (rev 180725)
@@ -1,3 +1,19 @@
+2015-02-26 Nikita Vasilyev <nvasil...@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 <pecor...@apple.com>
Web Inspector: Colored console messages apply text color to object tree properties
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/LogContentView.css (180724 => 180725)
--- trunk/Source/WebInspectorUI/UserInterface/Views/LogContentView.css 2015-02-27 05:27:13 UTC (rev 180724)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/LogContentView.css 2015-02-27 05:32:07 UTC (rev 180725)
@@ -63,10 +63,11 @@
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 {
@@ -77,6 +78,15 @@
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%);
}
@@ -170,9 +180,13 @@
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 {
@@ -189,9 +203,13 @@
.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 {
color: hsl(30, 90%, 35%);
}