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

Issue 716112 link

Starred by 3 users

Issue metadata

Status: Fixed
Owner:
Closed: May 2018
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: ----
Pri: 2
Type: Bug



Sign in to add a comment

Change to Dialog spec

Project Member Reported by bettes@chromium.org, Apr 27 2017

Issue description

I made the mistake in  crbug.com/707631  of changing the global dialog padding from 20px to 16px as a means to make webUI dialogs consistent with secondary UI. 

In reality, the spacing is too constrained for content-area modal dialogs so I'd like to update 2 parts of the spec: 

1. Global padding should be 20px not 16px. This only pertains to the content area (title and body text), NOT the buttons. Buttons should still remain 16 from right and bottom edge of dialog. 

2. The global ripple size is now 36px. With that change, let's remove the 4px top + right padding so that the 36x36 sits flush with the edge of the dialog. Aligning with the title is not necessary here. 

New spec:
https://folio.googleplex.com/chrome-ux-specs-and-sources/Chrome%20Inner%20Pages/03-Settings/specs#%2FSPEC-settings_dialogs.png%3Fz=width


 
Screen Shot 2017-04-27 at 11.29.56 AM.png
128 KB View Download

Comment 1 by bettes@chromium.org, Apr 27 2017

Summary: Change to Dialog spec (was: Dialog spec )
Cc: scottchen@chromium.org bettes@chromium.org
Labels: Hotlist-MD-Settings-General
Status: Available (was: Untriaged)
Project Member

Comment 3 by sheriffbot@chromium.org, May 2 2018

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 4 by dpa...@chromium.org, May 12 2018

Labels: Proj-MaterialDesign-Refresh-WebUI

Comment 5 by dpa...@chromium.org, May 12 2018

Labels: -Proj-MaterialDesign-WebUI -Hotlist-Recharge-Cold M-69

Comment 6 by dpa...@chromium.org, May 12 2018

Status: Available (was: Untriaged)

Comment 7 by aee@chromium.org, May 16 2018

Owner: aee@chromium.org
Status: Assigned (was: Available)

Comment 8 by aee@chromium.org, May 17 2018

Status: Started (was: Assigned)

Comment 9 by aee@chromium.org, May 17 2018

Screenshots for CL https://chromium-review.googlesource.com/c/chromium/src/+/1064598
dialog_with_footer.png
21.8 KB View Download
print_preview_dialog.png
44.9 KB View Download

Comment 10 by aee@chromium.org, May 17 2018

Cc: namratakannan@chromium.org
I talked with namratakannan@. The proposed padding works, and getting this into M68 is okay.

Comment 11 by aee@chromium.org, May 17 2018

Here are screenshots concerning the close button. The button height is larger than the title height which creates a larger space between the title and body than desired.
dialog_x_position_absolute.png
22.3 KB View Download
dialog_x_height_larger_than_title.png
23.8 KB View Download
dest_dialog_position_absolute.png
8.5 KB View Download
dest_dialog_position_static.png
8.4 KB View Download
Project Member

Comment 12 by bugdroid1@chromium.org, May 17 2018

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

commit 607e9a387d3b444550e8b107a15b40c62121f424
Author: Esmael El-Moslimany <aee@chromium.org>
Date: Thu May 17 23:55:02 2018

WebUI: update cr-dialog padding while keep print preview the same

Bug:  716112 
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I952279f79135d711ec4e46724217a8d66d6a6493
Reviewed-on: https://chromium-review.googlesource.com/1064598
Commit-Queue: Esmael El-Moslimany <aee@chromium.org>
Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#559738}
[modify] https://crrev.com/607e9a387d3b444550e8b107a15b40c62121f424/chrome/browser/resources/print_preview/new/destination_dialog.html
[modify] https://crrev.com/607e9a387d3b444550e8b107a15b40c62121f424/chrome/browser/resources/print_preview/new/search_dialog_css.html
[modify] https://crrev.com/607e9a387d3b444550e8b107a15b40c62121f424/ui/webui/resources/cr_elements/cr_dialog/cr_dialog.html

Comment 13 by aee@chromium.org, May 17 2018

Status: Fixed (was: Started)
Labels: -M-69 M-68

Sign in to add a comment