Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Re-branding app menu's icon #23976

Merged
merged 3 commits into from
Jun 5, 2024
Merged

Re-branding app menu's icon #23976

merged 3 commits into from
Jun 5, 2024

Conversation

simonhong
Copy link
Member

@simonhong simonhong commented Jun 4, 2024

fix brave/brave-browser#38589

image image image Screenshot 2024-06-05 at 10 45 32 AM Screenshot 2024-06-05 at 10 45 38 AM Screenshot 2024-06-05 at 9 59 33 PM

Resolves

Submitter Checklist:

  • I confirm that no security/privacy review is needed and no other type of reviews are needed, or that I have requested them
  • There is a ticket for my issue
  • Used Github auto-closing keywords in the PR description above
  • Wrote a good PR/commit description
  • Squashed any review feedback or "fixup" commits before merge, so that history is a record of what happened in the repo, not your PR
  • Added appropriate labels (QA/Yes or QA/No; release-notes/include or release-notes/exclude; OS/...) to the associated issue
  • Checked the PR locally:
    • npm run test -- brave_browser_tests, npm run test -- brave_unit_tests wiki
    • npm run presubmit wiki, npm run gn_check, npm run tslint
  • Ran git rebase master (if needed)

Reviewer Checklist:

  • A security review is not needed, or a link to one is included in the PR description
  • New files have MPL-2.0 license header
  • Adequate test coverage exists to prevent regressions
  • Major classes, functions and non-trivial code blocks are well-commented
  • Changes in component dependencies are properly reflected in gn
  • Code follows the style guide
  • Test plan is specified in PR before merging

After-merge Checklist:

Test Plan:

See the linked issue

@simonhong simonhong self-assigned this Jun 4, 2024
@simonhong
Copy link
Member Author

simonhong commented Jun 4, 2024

@aguscruiz @rebron
We have another new sub menus - Find and Edit and Save and Share
I think we need to update the icons of their sub menu entries. Don't have these sub menu design in figma.
Find is our icon but others are from upstream.
Screenshot 2024-06-04 at 12 10 49 PM

image

and if we want to enable Reading List sub menu, their ones also needs to be updated.
Screenshot 2024-06-04 at 12 05 30 PM

@aguscruiz
Copy link
Collaborator

@simonhong added all the missing ones to our Figma
https://www.figma.com/design/H11ZOl6JMYbCTW4ZJXqR5V/%F0%9F%A6%81-Browser?node-id=6697-27337&t=hv9qaLCoqTHbRLip-1

There's a couple new icons. that need to be synced from Nala, like "Cut"

@simonhong simonhong marked this pull request as ready for review June 5, 2024 01:46
@simonhong
Copy link
Member Author

simonhong commented Jun 5, 2024

@simonhong added all the missing ones to our Figma https://www.figma.com/design/H11ZOl6JMYbCTW4ZJXqR5V/%F0%9F%A6%81-Browser?node-id=6697-27337&t=hv9qaLCoqTHbRLip-1

There's a couple new icons. that need to be synced from Nala, like "Cut"

@aguscruiz Just want to double check about Install facebook icon above.
figma uses clipboard icon for it. it's right?
We're using another icon so far.
image

Copy link
Contributor

@fallaciousreasoning fallaciousreasoning left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great, thanks @simonhong !

browser/ui/toolbar/brave_app_menu_model.cc Outdated Show resolved Hide resolved
@aguscruiz
Copy link
Collaborator

@simonhong added all the missing ones to our Figma https://www.figma.com/design/H11ZOl6JMYbCTW4ZJXqR5V/%F0%9F%A6%81-Browser?node-id=6697-27337&t=hv9qaLCoqTHbRLip-1
There's a couple new icons. that need to be synced from Nala, like "Cut"

@aguscruiz Just want to double check about Install facebook icon above. figma uses clipboard icon for it. it's right? We're using another icon so far. image

Whoops, my bad. Yeah the one you have is the right one. I'll fix in Figma
image

@simonhong simonhong merged commit 6efedc8 into master Jun 5, 2024
19 checks passed
@simonhong simonhong deleted the app_menu_icons branch June 5, 2024 13:57
@github-actions github-actions bot added this to the 1.68.x - Nightly milestone Jun 5, 2024
brave-builds added a commit that referenced this pull request Jun 5, 2024
@kjozwiak
Copy link
Member

kjozwiak commented Jun 6, 2024

Verification PASSED on Win 11 x64 using the following build(s):

Brave | 1.68.76 Chromium: 126.0.6478.26 (Official Build) nightly (64-bit)
-- | --
Revision | 997c487ad3e5dee61238fe8fed55bb085aa89074
OS | Windows 11 Version 23H2 (Build 22631.3672)

Using the STR/examples outlined via brave/brave-browser#38589 (comment), brave/brave-browser#38589 (comment) & #23976 (comment), ensured that the correct icons were being used via the Hamburger Menu as per the following:

Example Example Example Example Example Example
image image image image image image

kjozwiak pushed a commit that referenced this pull request Jun 6, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[CR 126] Show all bookmarks icon is inherited from CR 126
4 participants