diff --git a/front_end/core/i18n/locales/en-US.json b/front_end/core/i18n/locales/en-US.json index 4a5f40fd9f..467fb349f1 100644 --- a/front_end/core/i18n/locales/en-US.json +++ b/front_end/core/i18n/locales/en-US.json @@ -10427,9 +10427,6 @@ "panels/timeline/TimelineFlameChartDataProvider.ts | idleFrame": { "message": "Idle Frame" }, - "panels/timeline/TimelineFlameChartDataProvider.ts | interactions": { - "message": "Interactions" - }, "panels/timeline/TimelineFlameChartDataProvider.ts | longFrame": { "message": "Long frame" }, diff --git a/front_end/core/i18n/locales/en-XL.json b/front_end/core/i18n/locales/en-XL.json index 082fffa6d5..3e9924da40 100644 --- a/front_end/core/i18n/locales/en-XL.json +++ b/front_end/core/i18n/locales/en-XL.json @@ -10427,9 +10427,6 @@ "panels/timeline/TimelineFlameChartDataProvider.ts | idleFrame": { "message": "Îd́l̂é F̂ŕâḿê" }, - "panels/timeline/TimelineFlameChartDataProvider.ts | interactions": { - "message": "Îńt̂ér̂áĉt́îón̂ś" - }, "panels/timeline/TimelineFlameChartDataProvider.ts | longFrame": { "message": "L̂ón̂ǵ f̂ŕâḿê" }, diff --git a/front_end/panels/timeline/TimelineFlameChartDataProvider.ts b/front_end/panels/timeline/TimelineFlameChartDataProvider.ts index 53417510d8..558370a329 100644 --- a/front_end/panels/timeline/TimelineFlameChartDataProvider.ts +++ b/front_end/panels/timeline/TimelineFlameChartDataProvider.ts @@ -105,10 +105,6 @@ const UIStrings = { */ experience: 'Experience', /** - *@description Text in Timeline Flame Chart Data Provider of the Performance panel - */ - interactions: 'Interactions', - /** *@description Text for rendering frames */ frames: 'Frames', @@ -178,8 +174,7 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW private readonly collapsibleTimingsHeader: PerfUI.FlameChart.GroupStyle; private readonly timingsHeader: PerfUI.FlameChart.GroupStyle; private readonly screenshotsHeader: PerfUI.FlameChart.GroupStyle; - private readonly interactionsHeaderLevel1: PerfUI.FlameChart.GroupStyle; - private readonly interactionsHeaderLevel2: PerfUI.FlameChart.GroupStyle; + private readonly animationsHeader: PerfUI.FlameChart.GroupStyle; private readonly experienceHeader: PerfUI.FlameChart.GroupStyle; private readonly flowEventIndexById: Map; private entryData!: TimelineFlameChartEntry[]; @@ -239,8 +234,7 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW this.buildGroupStyle({shareHeaderLine: true, useFirstLineForOverview: true, collapsible: false}); this.screenshotsHeader = this.buildGroupStyle({useFirstLineForOverview: true, nestingLevel: 1, collapsible: false, itemsHeight: 150}); - this.interactionsHeaderLevel1 = this.buildGroupStyle({useFirstLineForOverview: true}); - this.interactionsHeaderLevel2 = this.buildGroupStyle({padding: 2, nestingLevel: 1}); + this.animationsHeader = this.buildGroupStyle({useFirstLineForOverview: false}); this.experienceHeader = this.buildGroupStyle({collapsible: false}); ThemeSupport.ThemeSupport.instance().addEventListener(ThemeSupport.ThemeChangeEvent.eventName, () => { @@ -252,8 +246,7 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW this.collapsibleTimingsHeader, this.timingsHeader, this.screenshotsHeader, - this.interactionsHeaderLevel1, - this.interactionsHeaderLevel2, + this.animationsHeader, this.experienceHeader, ]; for (const header of headers) { @@ -460,7 +453,7 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW switch (track.type) { case TimelineModel.TimelineModel.TrackType.Animation: { this.appendAsyncEventsGroup( - track, i18nString(UIStrings.animation), track.asyncEvents, this.interactionsHeaderLevel2, eventEntryType, + track, i18nString(UIStrings.animation), track.asyncEvents, this.animationsHeader, eventEntryType, false /* selectable */); break; } @@ -752,7 +745,6 @@ export class TimelineFlameChartDataProvider extends Common.ObjectWrapper.ObjectW if (!interactionRecords.length) { return; } - this.appendHeader(i18nString(UIStrings.interactions), this.interactionsHeaderLevel1, false /* selectable */); for (const segment of interactionRecords) { const index = this.entryData.length; this.entryData.push((segment.data as TimelineModel.TimelineIRModel.Phases));