[UI] MeshMap Pop Up enhancements about meshery

[github-actions]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

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

[vishisht-dubey]

hey @leecalcote can i work on this issue

[leecalcote]

@vishisht-dubey ask, @AjaxAueleke. And, when you do, confirm that you've built Meshery Server and Meshery UI and have a functional dev environment.

[vishisht-dubey]

@leecalcote yes i have connfigured the server and dev environment
@AjaxAueleke can i work on this issue??

[leecalcote]

Please ensure that the screenshot is made to be light and dark mode compatible. There may need to be two screenshots. The screenshots should only be of the canvas. @ritiksaxena124 may offer you one.

There is a related issue in which the before and after photo on meshery.io needs to be cropped to only show the canvas and not the entire screenshot. @iArchitSharma, can you handle this one?

[vishisht-dubey]

@leecalcote can you explain more on what to be done like is it that we first need to refresh the mesh map which will show the updated meshmap and then add that link to meshmap docs right? and this is to be done for both light and dark mode right??

[ritiksaxena124]

Screenshots you can use @vishisht-dubey

Screenshots - 1

Screenshots - 2

Screenshots - 3

[vishisht-dubey]

@ritiksaxena124 i am unable to see the dark mode should i need to create dark mode or it is already there?

[ritiksaxena124]

@ritiksaxena124 i am unable to see the dark mode should i need to create dark mode or it is already there?

The dark mode is already there you can switch between the dark and light mode from preferences.

Click on your avatar at top right corner -> preferences -> dark mode switcher

[leecalcote]

@ritiksaxena124 the 3rd set of hacked screenshots is something awful in terms of random quality and offset window.

[sudhanshutech]

@vishisht-dubey still there?

[kanugurajesh]

@sudhanshutech I would like to work on it I have completed my previous issue and created a pull request

[kanugurajesh]

@AjaxAueleke can you tell me how to reproduce the issue