DevTools: Decorate requests from SW on Timeline

third_party/WebKit/Source/devtools/front_end/timeline/TimelineNetworkFlameChart.js

Index: third_party/WebKit/Source/devtools/front_end/timeline/TimelineNetworkFlameChart.js
diff --git a/third_party/WebKit/Source/devtools/front_end/timeline/TimelineNetworkFlameChart.js b/third_party/WebKit/Source/devtools/front_end/timeline/TimelineNetworkFlameChart.js
index a87831d864b33204a87fe984412677eec54bf3bb..974a0f7fffd0266cfca9d2321d207e6fe9485fd9 100644
--- a/third_party/WebKit/Source/devtools/front_end/timeline/TimelineNetworkFlameChart.js
+++ b/third_party/WebKit/Source/devtools/front_end/timeline/TimelineNetworkFlameChart.js
@@ -198,13 +198,18 @@ Timeline.TimelineFlameChartNetworkDataProvider = class extends Timeline.Timeline
     const textWidth = finish - textStart;
     const minTextWidthPx = 20;
     const textPadding = 6;
+    var gearPadding = 0;
     if (textWidth >= minTextWidthPx) {
       const text = this.entryTitle(index);
       if (text && text.length) {
         context.fillStyle = '#333';
-        const trimmedText = UI.trimTextMiddle(context, text, textWidth - 2 * textPadding);
         const textBaseHeight = barHeight - this.textBaseline();
-        context.fillText(trimmedText, textStart + textPadding, barY + textBaseHeight);
+        if (request.fromServiceWorker) {
+          context.fillText('⚙', textStart + textPadding, barY + textBaseHeight);
+          gearPadding = UI.measureTextWidth(context, '⚙ ');
+        }
+        const trimmedText = UI.trimTextMiddle(context, text, textWidth - 2 * textPadding - gearPadding);
+        context.fillText(trimmedText, textStart + textPadding + gearPadding, barY + textBaseHeight);
       }
     }