Branch: refs/heads/main
Home: https://github.com/WebKit/WebKit
Commit: e4b6167f9482ba564157c37005f095027deb3a3c
https://github.com/WebKit/WebKit/commit/e4b6167f9482ba564157c37005f095027deb3a3c
Author: Devin Rousso <[email protected]>
Date: 2025-03-14 (Fri, 14 Mar 2025)
Changed paths:
M Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.css
M Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.js
M Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css
Log Message:
-----------
Web Inspector: Timelines: show a separate overview record bar row for each
`WI.Target`
https://bugs.webkit.org/show_bug.cgi?id=288687
Reviewed by BJ Burg.
This will allow developers to more visually distinguish activity based on the
`WI.Target` (e.g. is this page activity or in a `Worker`?).
* Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.js:
(WI.ScriptTimelineOverviewGraph):
(WI.ScriptTimelineOverviewGraph.prototype.reset):
(WI.ScriptTimelineOverviewGraph.prototype.layout):
(WI.ScriptTimelineOverviewGraph.prototype.layout.createBar):
(WI.ScriptTimelineOverviewGraph.prototype.updateSelectedRecord):
(WI.ScriptTimelineOverviewGraph.prototype._scriptTimelineRecordAdded):
* Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.css:
(.timeline-overview-graph.script > .graph-row): Added.
(.timeline-overview-graph.script > .graph-row:first-child:nth-last-child(1)):
Added.
(.timeline-overview-graph.script > .graph-row:first-child:nth-last-child(2),
.timeline-overview-graph.script > .graph-row:first-child:nth-last-child(2) ~
.graph-row): Added.
(.timeline-overview-graph.script > .graph-row:first-child:nth-last-child(3),
.timeline-overview-graph.script > .graph-row:first-child:nth-last-child(3) ~
.graph-row): Added.
(.timeline-overview-graph.script > .graph-row:first-child:nth-last-child(4),
.timeline-overview-graph.script > .graph-row:first-child:nth-last-child(4) ~
.graph-row): Added.
(.timeline-overview-graph.script > .graph-row > .timeline-record-bar): Renamed
from `.timeline-overview-graph.script > .timeline-record-bar`.
(.timeline-overview-graph.script > .graph-row > .timeline-record-bar >
.segment): Renamed from `.timeline-overview-graph.script > .timeline-record-bar
> .segment`.
Adjust the height of the record bar row based on how many of them there are.
* Source/WebInspectorUI/UserInterface/Views/TimelineOverview.css:
(.timeline-overview > .graphs-container > .timeline-overview-graph):
(.timeline-overview:not(.frames) > .graphs-container >
.timeline-overview-graph:not(:first-child)):
Use CSS variables to allow future developers to search for uses of it to know
what to also modify when changing the value.
Canonical link: https://commits.webkit.org/292169@main
To unsubscribe from these emails, change your notification settings at
https://github.com/WebKit/WebKit/settings/notifications
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
