Web Inspector: Timeline record bars are not white when the row is selected from the...

https://bugs.webkit.org/show_bug.cgi?id=146694

Reviewed by Joseph Pecoraro.

* UserInterface/Views/TimelineRecordBar.css:
(:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment):
(:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment.inactive):
(:matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):

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

diff --git a/Source/WebInspectorUI/ChangeLog b/Source/WebInspectorUI/ChangeLog
index 147c179..13e602f 100644 (file)
--- a/Source/WebInspectorUI/ChangeLog
+++ b/Source/WebInspectorUI/ChangeLog
@@ -1,3 +1,15 @@
+2015-07-07  Timothy Hatcher  <timothy@apple.com>
+
+        Web Inspector: Timeline record bars are not white when the row is selected from the sidebar
+        https://bugs.webkit.org/show_bug.cgi?id=146694
+
+        Reviewed by Joseph Pecoraro.
+
+        * UserInterface/Views/TimelineRecordBar.css:
+        (:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment):
+        (:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment.inactive):
+        (:matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive)):
+
 2015-07-07  Devin Rousso  <drousso@apple.com>
 
         Web Inspector: Unnecessary space added after -webkit- prefixed property values

diff --git a/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css b/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css
index bf5b686..aa65435 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css
+++ b/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.css
@@ -59,16 +59,16 @@
     border-bottom-left-radius: 0 !important;
 }
 
-:focus .selected .timeline-record-bar > .segment {
+:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment {
     background-color: white !important;
     border: none !important;
 }
 
-:focus .selected .timeline-record-bar > .segment.inactive {
+:matches(:focus, .force-focus) .selected .timeline-record-bar > .segment.inactive {
     background-color: rgb(196, 215, 242) !important;
 }
 
-:focus .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
+:matches(:focus, .force-focus) .selected .timeline-record-bar.has-inactive-segment > .segment:not(.inactive) {
     border-left: 1px solid rgba(56, 121, 217, 0.7) !important;
 }