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

Issue 631275 link

Starred by 4 users

Issue metadata

Status: Fixed
Owner:
Last visit > 30 days ago
Closed: Aug 2016
Cc:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug



Sign in to add a comment

Bookmarks bar tweaks

Project Member Reported by sgabr...@chromium.org, Jul 26 2016

Issue description

Merging 618378 within this more complete bug. I took a stab at the current states of the bookmark bar and created a complete and precise spec of what it should look like. 

Right now there are a few spacing issues I think the following tweaks will make it look better.

See attached. the "current-overlap.png" in which I I overlapped the current implementation over the expected spec.

Key modifications:

- First bookmark icon should be 12pt from the left.
- Bookmarks should be separated by 12pt (from end of textbox to icon)
- Hover/pressed states should have 4pt padding on each side.
- Dropdown menu should also have 4pt padding left/top/bottom.
- Dropdown menu selected row should be full bleed.

Spec attached.
 
current-overlap.png
31.0 KB View Download
SPEC-core-ui-macos-bookmark-bar.png
368 KB View Download
Cc: shrike@chromium.org
 Issue 618378  has been merged into this issue.
Project Member

Comment 2 by sheriffbot@chromium.org, Jul 26 2016

Labels: -M-53 M-54 MovedFrom-53
Moving this nonessential bug to the next milestone.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Status: Started (was: Assigned)
Cc: -sgabr...@chromium.org
Owner: sgabr...@chromium.org
sgabriel@ - I noticed that the bookmark folder menu has a different background than your screenshot. It looks like it's a slightly transparent 0xF8 - is that the correct background color?

This is due to the template I used to replicated mac default menu background, sorry. Just use the one we have today.
Here's what things look like after my fixes.

Screen Shot 2016-08-09 at 9.29.54 AM.png
29.5 KB View Download
Cc: -shrike@chromium.org sgabr...@chromium.org
Owner: shrike@chromium.org
Looking great. Thank you!
Assigning to you, feel free to close if there's nothing else you'd like me to check or help with.
Project Member

Comment 8 by bugdroid1@chromium.org, Aug 23 2016

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

commit 5f11f9261224faead4686ba6c33403ac4fca2e9b
Author: shrike <shrike@chromium.org>
Date: Tue Aug 23 00:13:00 2016

[Mac][Material Design] Adjust bookmark spacing and folder menu drawing.

This cl adjusts the bookmark bar item spacing and bookmark folder menu
item drawing per sgabriel@.

R=tapted@chromium.org
BUG= 631275 

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

[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/bookmarks/bookmark_bar_controller.mm
[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/bookmarks/bookmark_bar_folder_button_cell_unittest.mm
[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/bookmarks/bookmark_bar_folder_controller.mm
[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/bookmarks/bookmark_bar_folder_controller_unittest.mm
[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/bookmarks/bookmark_bar_folder_window.h
[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/bookmarks/bookmark_bar_folder_window.mm
[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/bookmarks/bookmark_button.h
[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/bookmarks/bookmark_button.mm
[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/bookmarks/bookmark_button_cell.mm
[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/gradient_button_cell.h
[modify] https://crrev.com/5f11f9261224faead4686ba6c33403ac4fca2e9b/chrome/browser/ui/cocoa/gradient_button_cell.mm

Comment 9 by shrike@chromium.org, Aug 23 2016

Status: Fixed (was: Started)

Sign in to add a comment