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

Adding icons to the context menu #3811

Merged
merged 5 commits into from
May 30, 2024
Merged

Conversation

maxphilippov
Copy link
Collaborator

  • add icon to ContextMenuItem and render those
  • use our ContextMenu for AttachmentMenu

/>
))}
</>
<Button
Copy link
Member

Choose a reason for hiding this comment

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

use a normal button element here and adjust styling with the attachment-button class.

we want to get rid of blueprintjs and it currently looks bad in dark theme:
Bildschirmfoto 2024-05-10 um 04 15 42

(I know this is just a draft, but wanted to give that feedback already anyway)

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Pushed an update for this, there's only paperclip icon styling left (change color and make it a bit smaller).

I made copies of image.svg for icons used before ('document', 'media', 'phone'), should I just copy old svg data there or we need to make new ones?

Copy link
Member

Choose a reason for hiding this comment

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

just download icons from https://fonts.google.com/icons that look similar / have the same message if there are no matching icons in images/icons yet. images/icons is the folder for the icons.

Copy link
Member

Choose a reason for hiding this comment

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

I think we should not keep using the blueprint icons unless we want to specify that they have a different license than the google/material-design ones.

@farooqkz
Copy link
Collaborator

Nice doing here!

@maxphilippov maxphilippov force-pushed the maxph/3186-context-menu-icons branch from 2cdbe5b to e7c6883 Compare May 14, 2024 07:42
@maxphilippov
Copy link
Collaborator Author

So I took the liberty to change Buttons on a navbar since I had to figure out the way to change color on attachment button and it seemed reasonable to look at all the cases. I'm not 100% happy with my solution on coloring for Icon but I believe it's one of the ways to have some kind of theme where you pass the intent "I want it to look the same way it looks on navbar".

I'm in no hurry to merge this, just commenting on my latest commit here for the future discussion after we ship 1.46

@maxphilippov maxphilippov force-pushed the maxph/3186-context-menu-icons branch from fa54313 to 61e5f2b Compare May 15, 2024 22:39
@Simon-Laux
Copy link
Member

needs to be rebased to current main branch. (also make sure you have made the name change locally: master is now called main)

@maxphilippov maxphilippov force-pushed the maxph/3186-context-menu-icons branch 2 times, most recently from f52db98 to bd96f3b Compare May 24, 2024 18:59
@Simon-Laux Simon-Laux requested a review from nicodh May 30, 2024 13:15
* add icon to ContextMenuItem and render those
* use our ContextMenu for AttachmentMenu
* replace BlueprintJS components with ours for chat navbar and
  attachment menu
@nicodh
Copy link
Contributor

nicodh commented May 30, 2024

Looks good to me, except for the irregular margins of menu items (which is not related to this PR)
I can provide styles for the left example if wanted

attachment-menu-comparison

@maxphilippov maxphilippov force-pushed the maxph/3186-context-menu-icons branch from 7b34b67 to 6951807 Compare May 30, 2024 14:55
@maxphilippov
Copy link
Collaborator Author

maxphilippov commented May 30, 2024

Looks good to me, except for the irregular margins of menu items (which is not related to this PR) I can provide styles for the left example if wanted

I'm up for that, can change this today

@maxphilippov maxphilippov marked this pull request as ready for review May 30, 2024 15:15
@Simon-Laux Simon-Laux merged commit e28fcc3 into main May 30, 2024
5 of 6 checks passed
@Simon-Laux Simon-Laux deleted the maxph/3186-context-menu-icons branch May 30, 2024 15:49
Simon-Laux added a commit that referenced this pull request May 30, 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.

None yet

4 participants