DevTools: introduce beautiful checkmarks in navigator and editor tabs

third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js

Index: third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js
diff --git a/third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js b/third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js
index 8f8dd749a6c950ec754ff27d981a765392a29a8c..1a5a1f3f9b0c216db27cbec50e3ae968668594d4 100644
--- a/third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js
+++ b/third_party/WebKit/Source/devtools/front_end/sources/NavigatorView.js
@@ -1273,15 +1273,9 @@ WebInspector.NavigatorUISourceCodeTreeNode = class extends WebInspector.Navigato
     if (binding && Runtime.experiments.isEnabled('persistence2')) {
       var titleElement = createElement('span');
       titleElement.textContent = titleText;
-      var status = titleElement.createChild('span');
-      status.classList.add('mapped-file-bubble');
-      status.textContent = '\u25C9';
-      if (this._uiSourceCode === binding.network)
-        status.title = WebInspector.UIString('Persisted to file system: %s', binding.fileSystem.url().trimMiddle(150));
-      else if (binding.network.contentType().isFromSourceMap())
-        status.title = WebInspector.UIString('Linked to source map: %s', binding.network.url().trimMiddle(150));
-      else
-        status.title = WebInspector.UIString('Linked to %s', binding.network.url().trimMiddle(150));
+      var icon = WebInspector.Icon.create('smallicon-checkmark-mask', 'mapped-file-checkmark');
+      icon.title = WebInspector.PersistenceUtils.tooltipForUISourceCode(this._uiSourceCode);
+      titleElement.appendChild(icon);
       this._treeElement.title = titleElement;
     } else {
       this._treeElement.title = titleText;