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

[MeshModel] [UX]: Icon for Kubernetes Component - Endpoints #8757

Closed
ritiksaxena124 opened this issue Sep 13, 2023 · 5 comments
Closed

[MeshModel] [UX]: Icon for Kubernetes Component - Endpoints #8757

ritiksaxena124 opened this issue Sep 13, 2023 · 5 comments
Assignees
Labels
area/models Models, Components, Relationships related changes area/ux User experience issue/willfix This issue will be worked on type/visual-design

Comments

@ritiksaxena124
Copy link
Contributor

ritiksaxena124 commented Sep 13, 2023

Current Behavior

Meshery is a powerful platform that contains over 200 integrations for managing cloud-native applications. MeshMap is an extension of Meshery that visually represents these integrations and components. Currently, most of the icons used in MeshMap have the default shape of a circle. However, to improve visual clarity and consistency, we need to design custom icons for MeshMap components.

Desired Behavior

A new Icon for Endpoints needs to be created. This issue calls for a volunteer to draft a new Icon.

Instructions for Components

While the default shape for new components is a circle, each component should be considered for its best-fit shape.

  1. Review and familiarize with the available set of predefined relationship types. Refer to the Cytoscape node types for a list of possible shapes.
  2. Propose a specific shape, best-suited to visually represent the Component. Example - Deployment as a pentagon, DaemonSet as a skull icon etc.
  3. Create two versions of the icon one is white and another one is colored
  4. Make a PR after adding the icon inside the new-icon folder present in the meshery repository
  5. Provide the icon in SVG format
  6. Go to the playground -> search for the component you are trying to design icon for and check whether the icon that you are designing is already present for another component or not if not then you can make a PR.
  7. If you don't have access to Playground then you have to fill a signup and get verified before you access the playground by the time you get access, you can go to integrations page in layer5.io site and search for the component and see whether an icon is already present or not.
  8. Make sure icon for component is different from Model icon.

Contributor Guides and Handbook

@ritiksaxena124 ritiksaxena124 added area/ux User experience area/models Models, Components, Relationships related changes type/visual-design labels Sep 13, 2023
@ptdatta
Copy link
Contributor

ptdatta commented Sep 14, 2023

@ritiksaxena124 kindly review this PR

@ptdatta
Copy link
Contributor

ptdatta commented Sep 15, 2023

Parthib Datta

@ritiksaxena124 ritiksaxena124 added hacktoberfest Happy contributing! event/hacktoberfest-accepted Happy contributing! labels Oct 11, 2023
@saurabh100ni saurabh100ni added the issue/remind Issue progress check label Nov 2, 2023
Copy link

github-actions bot commented Nov 2, 2023

Checking in... it has been awhile since we've heard from you on this issue. Are you still working on it? Please let us know and please don't hesitate to contact a MeshMate or any other community member for assistance.


        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

@sandramsc sandramsc removed hacktoberfest Happy contributing! event/hacktoberfest-accepted Happy contributing! labels Nov 3, 2023
@AbdurRohit
Copy link

I think this issue is fixed. Please close it.

Copy link

stale bot commented Feb 10, 2024

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the issue/stale Issue has not had any activity for an extended period of time label Feb 10, 2024
@saurabh100ni saurabh100ni added issue/willfix This issue will be worked on and removed issue/stale Issue has not had any activity for an extended period of time issue/remind Issue progress check labels Feb 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/models Models, Components, Relationships related changes area/ux User experience issue/willfix This issue will be worked on type/visual-design
Projects
None yet
Development

No branches or pull requests

6 participants