[DevTools] Make storage quota text selectable
Bug: 966880
Change-Id: I0f16f67246e3b47a84bc9b63058d475c54f6861d
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1628604
Reviewed-by: Joel Einbinder <[email protected]>
Commit-Queue: Joey Arhar <[email protected]>
Cr-Original-Commit-Position: refs/heads/master@{#663355}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 8c512177c98f926eb62f6708a133b0634becae54
diff --git a/front_end/resources/ClearStorageView.js b/front_end/resources/ClearStorageView.js
index 77e8e63..94c15bc 100644
--- a/front_end/resources/ClearStorageView.js
+++ b/front_end/resources/ClearStorageView.js
@@ -33,7 +33,7 @@
this._settings.set(type, Common.settings.createSetting('clear-storage-' + type, true));
const quota = this._reportView.appendSection(Common.UIString('Usage'));
- this._quotaRow = quota.appendRow();
+ this._quotaRow = quota.appendSelectableRow();
const learnMoreRow = quota.appendRow();
const learnMore = UI.XLink.create(
'https://developers.google.com/web/tools/chrome-devtools/progressive-web-apps#opaque-responses',
diff --git a/front_end/ui/ReportView.js b/front_end/ui/ReportView.js
index 3891fcb..ab90dc5 100644
--- a/front_end/ui/ReportView.js
+++ b/front_end/ui/ReportView.js
@@ -204,6 +204,13 @@
return this._fieldList.createChild('div', 'report-row');
}
+ /**
+ * @return {!Element}
+ */
+ appendSelectableRow() {
+ return this._fieldList.createChild('div', 'report-row report-row-selectable');
+ }
+
clearContent() {
this._fieldList.removeChildren();
this._fieldMap.clear();
diff --git a/front_end/ui/reportView.css b/front_end/ui/reportView.css
index 50c2f2f..e9250f8 100644
--- a/front_end/ui/reportView.css
+++ b/front_end/ui/reportView.css
@@ -91,3 +91,7 @@
color: #888;
line-height: 14px;
}
+
+.report-row-selectable {
+ user-select: text;
+}
