New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 844168 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner:
Closed: Nov 19
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Chrome
Pri: 1
Type: Bug

Blocking:
issue 849574



Sign in to add a comment

Files app dialog should have affirmative actions on the right

Project Member Reported by qqwangxin@chromium.org, May 17 2018

Issue description

Chrome Version: 68.0.3431.0 (Official Build) canary (64-bit)
OS: Chrome OS

What steps will reproduce the problem?
(1)Open files app
(2)Invoke a dialog, for example try to delete a file, open a file, save a page/file as,etc
(3)Notice that affirmative actions (blue button) are on the left

What is the expected result?
We've established convention to have affirmative actions on the right as a Chrome OS convention. This is reviewed & approved at UI OH, below is the PoR deck

Accessibility wise, after changing affirmative actions to the right hand side, tabbing order needs to change too. It will first focus on affirmative action, then focus on dismissive action. In the new order, it will be "right to left". 

We do not change tabbing order (or views on text, etc) outside of button group.

Chrome OS button ordering (go/cros-button-order)


What happens instead?
Affirmative actions currently in files app are on the left.
 
Screenshot 2018-05-17 at 1.22.07 PM.png
442 KB View Download
Components: Platform>Apps>FileManager
Labels: OS-Chrome
Status: Assigned (was: Untriaged)
Description: Show this description
Description: Show this description
Blocking: 849574
Cc: sashab@chromium.org weifangsun@chromium.org
Labels: CrOSFilesCategory-UI M-71
Owner: ----
Status: Available (was: Assigned)
Weifang what's the priority on this? Do we have UI approval? This seems easy enough to do
Labels: -Pri-2 Pri-1
Let's make this a 1 for M-71. UI approval has been obtained. :)

Comment 9 by sashab@chromium.org, Jun 13 2018

Owner: slangley@chromium.org
Status: Assigned (was: Available)
Stu - here's your nontrivial UI bug for M67 ;)

(Actually, this one might be pretty trivial, but its a good starting place)
Owner: ----
Status: Available (was: Assigned)
Nevermind, stuart has no bandwidth for this for M71 :( Marking as Available and we'll find an owner once people free up.
Owner: slangley@chromium.org
Status: Assigned (was: Available)
M-71? I can probably take a crack at it. I was misled by comment #9 on the urgency.
Oh, sorry, no idea why I said 67. I thought 71. :/ #multitasking
Labels: -M-71 M-72
Labels: Files-Fixit-2018
Status: Started (was: Assigned)
Note we also updated the tab stops here as well so the flow makes sense. So now first tab will be cancel not ok for these dialogs.
Project Member

Comment 17 by bugdroid1@chromium.org, Nov 19

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/eb625ae70721292c475196de60d795c02c62faf8

commit eb625ae70721292c475196de60d795c02c62faf8
Author: Stuart Langley <slangley@google.com>
Date: Mon Nov 19 06:54:34 2018

Make files app dialogs have affirmative actions on the right.

- For cr-dialog-button (e.g. delete file dialog) use css to set the
  order so that the ok button is on the right of the cancel button.
- For the dialog footer just modify the html so that the ok button
  comes after the cancel button.

Tested visually as there are no automated tests for style.

Bug:  844168 
Change-Id: Ia6eb652928cba50dd30cb8324b9c33ac13d46df2
Reviewed-on: https://chromium-review.googlesource.com/c/1341283
Reviewed-by: Noel Gordon <noel@chromium.org>
Commit-Queue: Stuart Langley <slangley@chromium.org>
Cr-Commit-Position: refs/heads/master@{#609192}
[modify] https://crrev.com/eb625ae70721292c475196de60d795c02c62faf8/ui/file_manager/file_manager/foreground/css/common.css
[modify] https://crrev.com/eb625ae70721292c475196de60d795c02c62faf8/ui/file_manager/file_manager/main.html
[modify] https://crrev.com/eb625ae70721292c475196de60d795c02c62faf8/ui/file_manager/integration_tests/file_manager/tab_index.js

Status: Fixed (was: Started)

Sign in to add a comment