Greenstand / treetracker-web-map-client

The front end of the treetracker web map app.
http://map.treetracker.org
GNU Affero General Public License v3.0
65 stars 182 forks source link

A bad layout case when the wallet name is too long #1706

Open dadiorchen opened 1 year ago

dadiorchen commented 1 year ago
image

https://map.treetracker.org/wallets/forest.smoothie.marion@responsiblecafes.org?bounds=114.88197326660156,-1.5641558050675444,115.00556945800783,-1.4406021254030252

Gourav2609 commented 1 year ago

hello @dadiorchen ....may i know what kind of layout to refer to be good here.........I would like to know because i think i can do this

dadiorchen commented 1 year ago

@Gourav2609 thank you! How about wrap the characters, I mean, when the word is too long, cut the word and display on the sedond line.

Gourav2609 commented 1 year ago

That's pretty good @dadiorchen .....how about whenever the name of the wallet exceeds 75% of the width it should displayed in the next line or we can also use something like (forest.smoothie.marion....) notation or we can set a limit to the wallet name like we know the maximum size of the string that can be displayed comfortably on the screen.......what's your thought ?

dadiorchen commented 1 year ago

@Gourav2609 please don't omit the name, just show it in the second line is good enough.

karthiknadar1204 commented 1 year ago

@dadiorchen If this issue is still up for grabs, I would like to work in it

karthiknadar1204 commented 1 year ago

Please assign it to me

ratishjain12 commented 1 year ago

@dadiorchen if the issue is open please assign it to me I can fix it!!

dadiorchen commented 1 year ago

@karthiknadar1204 I will assign it to you

dadiorchen commented 1 year ago

@ratishjain12 how about you take a try for this one? https://github.com/Greenstand/treetracker-web-map-client/issues/1701

ExL2813 commented 1 year ago

Got messaged by you about this (Evan Lee), please assign this to me.