New issue
Advanced search Search tips

Issue 710258 link

Starred by 1 user

Issue metadata

Status: Verified
Owner:
Closed: Apr 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Chrome
Pri: 3
Type: Bug



Sign in to add a comment

[Network] button spacing on network details page is incorrect

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

Issue description

What steps will reproduce the problem?
(1) go to network > network details
(2) Note that the DISCONNECT text is too far left from the 20px right padding 
(3) Note that there's 0px margins between DISCONNECT and FORGET

What is the expected result?

- DISCONNECT text (not ripple) should be 20px from the edge, to align with other controls. 
- there should be 8px margin between buttons
 
Labels: M-60 Hotlist-MD-Settings-Internet
Status: Started (was: Assigned)
Labels: Needs-Feedback
8px margin between what and what? If I put an 8px margin between the text then the highlight overlaps with the text of the nearby button. Putting 8px between the highlight and the next button seems to work best?

Please clarify or provide a link to a spec, thanks!

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

8px between highlight A and highlight B is what I meant. Thanks!
Thanks! Done. Screenshots attached.

Screenshot 2017-04-27 at 3.21.55 PM.png
19.9 KB View Download
Screenshot 2017-04-27 at 3.21.21 PM.png
21.0 KB View Download

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

Correction: blue button text should be blue-500 not blue-700. 
blue.png
32.8 KB View Download
That color is standard for all "primary" buttons in Settings.
Surprisingly, that only includes:
* Network connect / disconnect
* 'OK' on the overscan dialog in the display subpage
* 'Sign in to Chrome' (non chromeos) in the people section

Should I go ahead and change it for all of these?

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

I'd say yes, although for the second bullet point, all dialogs should be using the blue bkg button-style. I assume it's blue floating text, which is incorrect. 


Screen Shot 2017-04-27 at 3.10.37 PM.png
30.0 KB View Download
Project Member

Comment 10 by bugdroid1@chromium.org, Apr 28 2017

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

commit d58d3252c4b935c9e3565d8afc394ec46c9644aa
Author: stevenjb <stevenjb@chromium.org>
Date: Fri Apr 28 22:42:04 2017

MD Settings: Network and bluetooth polish

This CL:
* Fixes button spacing in the network details page.
* Fixes the on/off toggle button font and color for network and
  bluetooth
* Replaces incorrect primary/secondary button classes in dialogs
  with action/cancel-button
* Corrects the blue color for action buttons as per UX
* Converts the "add network" section to list-frame / list-item
  to correct borders and spacing.

BUG= 710258 , 710259 , 710261 
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation

Review-Url: https://codereview.chromium.org/2846763003
Cr-Commit-Position: refs/heads/master@{#468164}

[modify] https://crrev.com/d58d3252c4b935c9e3565d8afc394ec46c9644aa/chrome/browser/resources/settings/bluetooth_page/bluetooth_subpage.html
[modify] https://crrev.com/d58d3252c4b935c9e3565d8afc394ec46c9644aa/chrome/browser/resources/settings/device_page/display_overscan_dialog.html
[modify] https://crrev.com/d58d3252c4b935c9e3565d8afc394ec46c9644aa/chrome/browser/resources/settings/internet_page/internet_detail_page.html
[modify] https://crrev.com/d58d3252c4b935c9e3565d8afc394ec46c9644aa/chrome/browser/resources/settings/internet_page/internet_page.html
[modify] https://crrev.com/d58d3252c4b935c9e3565d8afc394ec46c9644aa/chrome/browser/resources/settings/internet_page/internet_subpage.html
[modify] https://crrev.com/d58d3252c4b935c9e3565d8afc394ec46c9644aa/chrome/browser/resources/settings/internet_page/tether_connection_dialog.html
[modify] https://crrev.com/d58d3252c4b935c9e3565d8afc394ec46c9644aa/chrome/browser/resources/settings/settings_shared_css.html

Status: Fixed (was: Started)
Chrome OS 9532.0.0, 60.0.3092.0
Status: Verified (was: Fixed)

Sign in to add a comment