inventaire / inventaire-client

webapp coupled to the inventaire server :books:
https://inventaire.io
48 stars 16 forks source link

Group names are cut too short in group list #429

Open nclm opened 1 year ago

nclm commented 1 year ago

In the Groups list, names of groups have barely no space (guessing this element was first done for usernames).

image

A different layout (one group per line? with image on the left?) might be more useful here.

(quick mock-up) image

VikraMS66 commented 11 months ago

Hi, I like to contribute to this issue, can you please guide were can i find this group section on your site?

jum-s commented 10 months ago

Hi, I'll try to explain how i would explore this issue.

Once your dev environment is set (see Readme), you would need to create a user and make them a member of some groups.

Then on page http://localhost:3005/users/network, you may find the section of the screenshot above. Inspecting browser code shows a block ending with a comment <-- <Users_home_section_list_li> -->. This kind of comment is automatically introduced by Svelte in a dev env, it refers to the name of the component: users_home_section_list_li.svelte, and it looks like it is where most things will happen to solve this issue (along with the parent component users_home_section_list.

Hope its fitting what you asked for. Good luck!