DevTools: Fast resize styles sidebar

DevTools: Throttle StylesSidebar layout updates

Throttles height changes in property sections while editing.
Throttles width changes in property sections on resize.

BUG=684341
Review-Url: https://codereview.chromium.org/2830803002
Cr-Commit-Position: refs/heads/master@{#466062}
Committed: https://chromium.googlesource.com/chromium/src/+/576dc51777e5447b043f45eb72bc54c9a7acf222

[einbinder, 2017-04-19 19:46:40]

Description was changed from

==========
DevTools: Fast resize styles sidebar
BUG=
==========

to

==========
DevTools: Throttle StylesSidebar layout updates

Throttles height changes in property sections while editing.
Throttles width changes in property sections on resize.

BUG=684341
==========

[einbinder, 2017-04-19 19:48:07]

einbinder@chromium.org changed reviewers:
+ pfeldman@chromium.org

[einbinder, 2017-04-19 19:48:08]

ptal

[pfeldman, 2017-04-19 19:59:22]

lgtm

https://codereview.chromium.org/2830803002/diff/40001/third_party/WebKit/Sour...
File third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js
(right):

https://codereview.chromium.org/2830803002/diff/40001/third_party/WebKit/Sour...
third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js:1599:
this.element.style.height = '';
.removeProperty

https://codereview.chromium.org/2830803002/diff/40001/third_party/WebKit/Sour...
third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js:1600:
this.element.style.contain = '';
ditto

[einbinder, 2017-04-20 16:25:41]

The CQ bit was checked by einbinder@chromium.org

[einbinder, 2017-04-20 16:25:41]

https://codereview.chromium.org/2830803002/diff/40001/third_party/WebKit/Sour...
File third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js
(right):

https://codereview.chromium.org/2830803002/diff/40001/third_party/WebKit/Sour...
third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js:1599:
this.element.style.height = '';
On 2017/04/19 at 19:59:21, pfeldman wrote:
> .removeProperty

Done.

https://codereview.chromium.org/2830803002/diff/40001/third_party/WebKit/Sour...
third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js:1600:
this.element.style.contain = '';
On 2017/04/19 at 19:59:21, pfeldman wrote:
> ditto

Done.

[einbinder, 2017-04-20 16:25:42]

The patchset sent to the CQ was uploaded after l-g-t-m from
pfeldman@chromium.org
Link to the patchset: https://codereview.chromium.org/2830803002/#ps60001
(title: "removeProperty")

[commit-bot: I haz the power, 2017-04-20 16:26:09]

CQ is trying da patch. Follow status at
 
https://chromium-cq-status.appspot.com/v2/patch-status/codereview.chromium.or...

[commit-bot: I haz the power, 2017-04-20 17:54:57]

CQ is committing da patch.

Bot data: {"patchset_id": 60001, "attempt_start_ts": 1492705541293480,
"parent_rev": "4cacbef5155a1553ace1f76ca4f846f42f51b44a", "commit_rev":
"576dc51777e5447b043f45eb72bc54c9a7acf222"}

[commit-bot: I haz the power, 2017-04-20 17:55:04]

Description was changed from

==========
DevTools: Throttle StylesSidebar layout updates

Throttles height changes in property sections while editing.
Throttles width changes in property sections on resize.

BUG=684341
==========

to

==========
DevTools: Throttle StylesSidebar layout updates

Throttles height changes in property sections while editing.
Throttles width changes in property sections on resize.

BUG=684341

Review-Url: https://codereview.chromium.org/2830803002
Cr-Commit-Position: refs/heads/master@{#466062}
Committed:
https://chromium.googlesource.com/chromium/src/+/576dc51777e5447b043f45eb72bc...
==========

[commit-bot: I haz the power, 2017-04-20 17:55:06]

Committed patchset #4 (id:60001) as
https://chromium.googlesource.com/chromium/src/+/576dc51777e5447b043f45eb72bc...