third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js - Issue 2924883002: DevTools: migrate SSP Classes and ElementState toolbar widgets to shadow

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Unified Diff: third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js

Issue 2924883002: DevTools: migrate SSP Classes and ElementState toolbar widgets to shadow (Closed)

Patch Set: Created 3 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/Source/devtools/BUILD.gn ('k') | third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js » ('j') | third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js

diff --git a/third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js b/third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js

index 747bd96b9f4d1e2ab2516f046d1c16f4b57bbf59..e9de7285c402d050a3297152549a65b84356c97f 100644

--- a/third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js

+++ b/third_party/WebKit/Source/devtools/front_end/elements/ClassesPaneWidget.js

@@ -6,12 +6,13 @@

Elements.ClassesPaneWidget = class extends UI.Widget {

constructor() {

- super();

- this.element.className = 'styles-element-classes-pane';

- var container = this.element.createChild('div', 'title-container');

+ super(true);

+ this.registerRequiredCSS('elements/classesPaneWidget.css');

+ this.contentElement.className = 'styles-element-classes-pane';

+ var container = this.contentElement.createChild('div', 'title-container');

this._input = container.createChild('div', 'new-class-input monospace');

this.setDefaultFocusedElement(this._input);

- this._classesContainer = this.element.createChild('div', 'source-code');

+ this._classesContainer = this.contentElement.createChild('div', 'source-code');

this._classesContainer.classList.add('styles-element-classes-container');

this._prompt = new Elements.ClassesPaneWidget.ClassNamePrompt();

this._prompt.setAutocompletionTimeout(0);