Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(97)

Issue 2465433002: Create implementation of the side panel using a dialog. (Closed)

Created:
4 years, 1 month ago by hcarmona
Modified:
4 years ago
Reviewers:
Dan Beam, dpapad
CC:
arv+watch_chromium.org, chromium-reviews, dbeam+watch-elements_chromium.org, dbeam+watch-closure_chromium.org, dbeam+watch-settings_chromium.org, jlklein+watch-closure_chromium.org, michaelpg+watch-elements_chromium.org, michaelpg+watch-md-ui_chromium.org, michaelpg+watch-md-settings_chromium.org, oshima+watch_chromium.org, stevenjb+watch-md-settings_chromium.org, tsergeant, vitalyp+closure_chromium.org
Target Ref:
refs/pending/heads/master
Project:
chromium
Visibility:
Public.

Description

Create implementation of the side panel using a dialog. Using a dialog is a much cleaner solution because it handles all focus trapping without attempting to capture TAB or require updating all tabindex properties. We removed the ability to swipe the drawer open in order to keep the code simple. BUG=633858 CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation Committed: https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785 Cr-Commit-Position: refs/heads/master@{#438187}

Patch Set 1 #

Total comments: 8

Patch Set 2 : Feedback #

Total comments: 4

Patch Set 3 : fix test #

Patch Set 4 : Address feedback. #

Total comments: 6

Patch Set 5 : feedback #

Total comments: 8

Patch Set 6 : nits #

Total comments: 3

Patch Set 7 : nit #

Messages

Total messages: 75 (58 generated)
hcarmona
PTAL
4 years, 1 month ago (2016-11-04 19:28:57 UTC) #25
dpapad
This is a big CL, trying to understand the big picture first. Sending some initial ...
4 years, 1 month ago (2016-11-07 20:13:24 UTC) #29
dpapad
https://codereview.chromium.org/2465433002/diff/80001/ui/webui/resources/cr_elements/cr_drawer/cr_drawer.html File ui/webui/resources/cr_elements/cr_drawer/cr_drawer.html (right): https://codereview.chromium.org/2465433002/diff/80001/ui/webui/resources/cr_elements/cr_drawer/cr_drawer.html#newcode89 ui/webui/resources/cr_elements/cr_drawer/cr_drawer.html:89: <dialog id="contentContainer" on-tap="onDialogTap_"> On 2016/11/07 at 20:13:24, dpapad wrote: ...
4 years, 1 month ago (2016-11-08 20:34:06 UTC) #30
Dan Beam
i don't think we need to basically copy app-drawer. can we just do a simple ...
4 years, 1 month ago (2016-11-09 20:33:38 UTC) #32
hcarmona
Thanks for all the feedback, this is now much simpler :-) Also moved out of ...
4 years, 1 month ago (2016-11-16 17:44:55 UTC) #37
dpapad
That looks so much simpler! Found a small issue though. If you open the drawer ...
4 years, 1 month ago (2016-11-16 22:52:46 UTC) #40
hcarmona
Fixed the test and addressed feedback. Also fixed the issue dpapad@ mentioned about animations breaking ...
4 years ago (2016-12-08 19:59:00 UTC) #47
dpapad
https://codereview.chromium.org/2465433002/diff/140001/chrome/browser/resources/settings/controls/dialog_drawer.html File chrome/browser/resources/settings/controls/dialog_drawer.html (right): https://codereview.chromium.org/2465433002/diff/140001/chrome/browser/resources/settings/controls/dialog_drawer.html#newcode18 chrome/browser/resources/settings/controls/dialog_drawer.html:18: width: 256px; What is the relation of 256 and ...
4 years ago (2016-12-08 22:27:22 UTC) #50
hcarmona
https://codereview.chromium.org/2465433002/diff/140001/chrome/browser/resources/settings/controls/dialog_drawer.html File chrome/browser/resources/settings/controls/dialog_drawer.html (right): https://codereview.chromium.org/2465433002/diff/140001/chrome/browser/resources/settings/controls/dialog_drawer.html#newcode18 chrome/browser/resources/settings/controls/dialog_drawer.html:18: width: 256px; On 2016/12/08 22:27:22, dpapad wrote: > What ...
4 years ago (2016-12-09 16:14:42 UTC) #53
dpapad
LGTM with nits. https://codereview.chromium.org/2465433002/diff/160001/chrome/browser/resources/settings/controls/dialog_drawer.html File chrome/browser/resources/settings/controls/dialog_drawer.html (right): https://codereview.chromium.org/2465433002/diff/160001/chrome/browser/resources/settings/controls/dialog_drawer.html#newcode17 chrome/browser/resources/settings/controls/dialog_drawer.html:17: transition: left 200ms ease; Nit: perhaps ...
4 years ago (2016-12-09 18:57:53 UTC) #56
hcarmona
Fixed nits. dbeam@, any feedback before landing this? https://codereview.chromium.org/2465433002/diff/160001/chrome/browser/resources/settings/controls/dialog_drawer.html File chrome/browser/resources/settings/controls/dialog_drawer.html (right): https://codereview.chromium.org/2465433002/diff/160001/chrome/browser/resources/settings/controls/dialog_drawer.html#newcode17 chrome/browser/resources/settings/controls/dialog_drawer.html:17: transition: ...
4 years ago (2016-12-09 19:21:26 UTC) #59
Dan Beam
lgtm https://codereview.chromium.org/2465433002/diff/180001/chrome/browser/resources/settings/controls/dialog_drawer.html File chrome/browser/resources/settings/controls/dialog_drawer.html (right): https://codereview.chromium.org/2465433002/diff/180001/chrome/browser/resources/settings/controls/dialog_drawer.html#newcode9 chrome/browser/resources/settings/controls/dialog_drawer.html:9: background-color: #FFF; nit: #fff (lower case, what HTML/CSS ...
4 years ago (2016-12-13 03:59:28 UTC) #62
Dan Beam
btw, this is a super clean up!
4 years ago (2016-12-13 03:59:39 UTC) #63
hcarmona
Thanks for all the feedback! Landing now :-) https://codereview.chromium.org/2465433002/diff/180001/chrome/browser/resources/settings/controls/dialog_drawer.html File chrome/browser/resources/settings/controls/dialog_drawer.html (right): https://codereview.chromium.org/2465433002/diff/180001/chrome/browser/resources/settings/controls/dialog_drawer.html#newcode9 chrome/browser/resources/settings/controls/dialog_drawer.html:9: background-color: ...
4 years ago (2016-12-13 15:36:12 UTC) #66
commit-bot: I haz the power
CQ is trying da patch. Follow status at https://chromium-cq-status.appspot.com/v2/patch-status/codereview.chromium.org/2465433002/200001
4 years ago (2016-12-13 15:36:50 UTC) #70
commit-bot: I haz the power
Committed patchset #7 (id:200001)
4 years ago (2016-12-13 16:28:02 UTC) #73
commit-bot: I haz the power
4 years ago (2016-12-13 16:30:56 UTC) #75
Message was sent while issue was closed.
Patchset 7 (id:??) landed as
https://crrev.com/bae4924a123c42de82f4fef429cc176ee9065785
Cr-Commit-Position: refs/heads/master@{#438187}

Powered by Google App Engine
This is Rietveld 408576698