diff --git a/config/gni/devtools_grd_files.gni b/config/gni/devtools_grd_files.gni index 6519c67879..4d91451b95 100644 --- a/config/gni/devtools_grd_files.gni +++ b/config/gni/devtools_grd_files.gni @@ -45,6 +45,7 @@ grd_files_release_sources = [ "front_end/Images/chromeRight.avif", "front_end/Images/chromeSelect.svg", "front_end/Images/chromeSelectDark.svg", + "front_end/Images/circled_exclamation_icon.svg", "front_end/Images/close-icon.svg", "front_end/Images/copy_icon.svg", "front_end/Images/cssoverview_icons_2x.avif", diff --git a/config/gni/devtools_image_files.gni b/config/gni/devtools_image_files.gni index d1240746dc..e6e81dd866 100644 --- a/config/gni/devtools_image_files.gni +++ b/config/gni/devtools_image_files.gni @@ -56,6 +56,7 @@ devtools_svg_sources = [ "chevrons.svg", "chromeSelect.svg", "chromeSelectDark.svg", + "circled_exclamation_icon.svg", "close-icon.svg", "copy_icon.svg", "dropdown_7x6_icon.svg", diff --git a/front_end/Images/src/circled_exclamation_icon.svg b/front_end/Images/src/circled_exclamation_icon.svg new file mode 100644 index 0000000000..8ea29220c0 --- /dev/null +++ b/front_end/Images/src/circled_exclamation_icon.svg @@ -0,0 +1,3 @@ + + + diff --git a/front_end/panels/application/BackForwardCacheView.ts b/front_end/panels/application/BackForwardCacheView.ts index 7a71b467ce..7477435331 100644 --- a/front_end/panels/application/BackForwardCacheView.ts +++ b/front_end/panels/application/BackForwardCacheView.ts @@ -262,7 +262,14 @@ export class BackForwardCacheView extends UI.ThrottledWidget.ThrottledWidget { private renderReason(explanation: Protocol.Page.BackForwardCacheNotRestoredExplanation): LitHtml.TemplateResult { return LitHtml.html` -
  • ${explanation.reason} : ${ +
  • + <${IconButton.Icon.Icon.litTagName} class="inline-icon" .data=${{ + iconName: 'circled_exclamation_icon', + color: 'orange', + width: '16px', + height: '16px', + } as IconButton.Icon.IconData}> + ${explanation.reason} : ${ (explanation.reason in NotRestoredReasonDescription) ? LitHtml.html`${NotRestoredReasonDescription[explanation.reason].name()}` : LitHtml.nothing}