publiclab / infragram

A minimal core of the Infragram.org project in JavaScript
https://infragram.org/sandbox/
GNU General Public License v2.0
45 stars 166 forks source link

UI enhancement for Infragram #211

Open garimavs opened 2 years ago

garimavs commented 2 years ago

Greetings!

I would like to contribute to Public Lab by working on the UI enhancement for Infragram. Currently, I can observe the issue of improper padding, margins, and font color/size. Frame 1

I also see the unresponsiveness of the site to be a major UI challenge. Frame 2

Kindly consider the above mentioned, would love to contribute and suggest further improvements!

welcome[bot] commented 2 years ago

Thanks for opening your first issue here! Please follow the issue template to help us help you 👍🎉😄 If you have screenshots to share demonstrating the issue, that's really helpful! 📸 You can make a gif too!

jywarren commented 2 years ago

Hi, I appreciate the brainstorming! Would it be possible to break out your suggestions into separate issues so each can be discussed and refined? I appreciate the screenshots too!

jywarren commented 2 years ago

I think you're right on a lot of this. However, a full-screen layout, maybe like https://photopea.com, could help a lot, what do you think?

garimavs commented 2 years ago

Hi, I appreciate the brainstorming! Would it be possible to break out your suggestions into separate issues so each can be discussed and refined? I appreciate the screenshots too!

Will surely do!

garimavs commented 2 years ago

I think you're right on a lot of this. However, a full-screen layout, maybe like https://photopea.com, could help a lot, what do you think?

How should I use the mentioned site under this issue? For UI design purposes?

jywarren commented 2 years ago

I think you're right on a lot of this. However, a full-screen layout, maybe like https://photopea.com, could help a lot, what do you think?

How should I use the mentioned site under this issue? For UI design purposes?

Ah, well, you could! But I mentioned it as an example of a design layout which goes full screen with toolbars along the edges. Thanks!

garimavs commented 2 years ago

I think you're right on a lot of this. However, a full-screen layout, maybe like https://photopea.com, could help a lot, what do you think?

How should I use the mentioned site under this issue? For UI design purposes?

Ah, well, you could! But I mentioned it as an example of a design layout which goes full screen with toolbars along the edges. Thanks!

Thanks for clarifying. Yes, that can also be an effective layout. I will definitely try to incorporate it.