REGRESSION(r214076): Web Inspector: Timelines load and DOMContentLoaded markers aren...
authornvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 21 Apr 2018 17:45:23 +0000 (17:45 +0000)
committernvasilyev@apple.com <nvasilyev@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 21 Apr 2018 17:45:23 +0000 (17:45 +0000)
https://bugs.webkit.org/show_bug.cgi?id=184858

Reviewed by Brian Burg.

r214076 changed the color of all markers to light gray.

* UserInterface/Views/TimelineRuler.css:
(.timeline-ruler > .markers > .marker):
(body[dir=ltr] .timeline-ruler > .markers > .marker):
(body[dir=rtl] .timeline-ruler > .markers > .marker):
(.timeline-ruler > .markers > .marker.current-time):
(.timeline-ruler > .markers > .marker.load-event):
(.timeline-ruler > .markers > .marker.dom-content-event):
(.timeline-ruler > .markers > .marker.timestamp):
(body[dir=ltr] .timeline-ruler > .markers > .marker.current-time): Deleted.
(body[dir=rtl] .timeline-ruler > .markers > .marker.current-time): Deleted.

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

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

index 619d9c6..911a9aa 100644 (file)
@@ -1,3 +1,23 @@
+2018-04-21  Nikita Vasilyev  <nvasilyev@apple.com>
+
+        REGRESSION(r214076): Web Inspector: Timelines load and DOMContentLoaded markers aren't visible
+        https://bugs.webkit.org/show_bug.cgi?id=184858
+
+        Reviewed by Brian Burg.
+
+        r214076 changed the color of all markers to light gray.
+
+        * UserInterface/Views/TimelineRuler.css:
+        (.timeline-ruler > .markers > .marker):
+        (body[dir=ltr] .timeline-ruler > .markers > .marker):
+        (body[dir=rtl] .timeline-ruler > .markers > .marker):
+        (.timeline-ruler > .markers > .marker.current-time):
+        (.timeline-ruler > .markers > .marker.load-event):
+        (.timeline-ruler > .markers > .marker.dom-content-event):
+        (.timeline-ruler > .markers > .marker.timestamp):
+        (body[dir=ltr] .timeline-ruler > .markers > .marker.current-time): Deleted.
+        (body[dir=rtl] .timeline-ruler > .markers > .marker.current-time): Deleted.
+
 2018-04-19  Chris Dumez  <cdumez@apple.com>
 
         Rename JSDOMWindowProxy to JSWindowProxy
index 5781072..da1277d 100644 (file)
@@ -120,15 +120,15 @@ body[dir=rtl] .timeline-ruler > .header > .divider > .label {
     bottom: 0;
     pointer-events: all;
 
-    --timeline-ruler-marker-border-start: 1px solid hsla(0, 0%, 50%, 0.5);
+    border: 0 solid hsla(0, 0%, 50%, 0.5);
 }
 
 body[dir=ltr] .timeline-ruler > .markers > .marker {
-    border-left: var(--timeline-ruler-marker-border-start);
+    border-left-width: 1px;
 }
 
 body[dir=rtl] .timeline-ruler > .markers > .marker {
-    border-right: var(--timeline-ruler-marker-border-start);
+    border-right-width: 1px;
 }
 
 /* Larger tooltip area */
@@ -155,12 +155,8 @@ body[dir=rtl] .timeline-ruler > .markers > .marker::before {
     right: var(--timeline-ruler-marker-before-offset-start);
 }
 
-body[dir=ltr] .timeline-ruler > .markers > .marker.current-time {
-    border-left-color: red;
-}
-
-body[dir=rtl] .timeline-ruler > .markers > .marker.current-time {
-    border-right-color: red;
+.timeline-ruler > .markers > .marker.current-time {
+    border-color: red;
 }
 
 .timeline-ruler > .markers > .marker.current-time::before {
@@ -176,18 +172,15 @@ body[dir=rtl] .timeline-ruler > .markers > .marker.current-time {
 }
 
 .timeline-ruler > .markers > .marker.load-event {
-    border-left-color: hsl(0, 100%, 50%);
-    opacity: 0.25;
+    border-color: hsla(0, 100%, 50%, 0.25);
 }
 
 .timeline-ruler > .markers > .marker.dom-content-event {
-    border-left-color: hsl(240, 100%, 50%);
-    opacity: 0.25;
+    border-color: hsla(240, 100%, 50%, 0.25);
 }
 
 .timeline-ruler > .markers > .marker.timestamp {
-    border-left-color: hsl(119, 100%, 21%);
-    opacity: 0.25;
+    border-color: hsla(119, 100%, 21%, 0.25);
 }
 
 .timeline-ruler > .selection-drag {