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.

Sign up for GitHub

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

Jump to bottom

META Gnoweb UI Improvements #3355

Open
moul opened this issue Dec 17, 2024 · 10 comments
Open

META Gnoweb UI Improvements #3355

moul opened this issue Dec 17, 2024 · 10 comments
Assignees
@alexiscolin
Labels
🐞 bug Something isn't working 🌟 improvement performance improvements, refactors ...

Comments

@moul
Copy link
Member

moul commented Dec 17, 2024

Centralizing here some feedback about the new Gnoweb UI.
@moul moul added 🐞 bug Something isn't working 🌟 improvement performance improvements, refactors ... labels Dec 17, 2024
@moul
Copy link
Member Author

moul commented Dec 17, 2024

Add a way to easily see which network we are running on. This could be a ribbon or another indicator.

We need distinct values for the portal, testnets, and local (gnodev).

Bonus: subtle custom CSS allows us to have a gentle background color to quickly identify the portal, local, and other options.

@moul
Copy link
Member Author

moul commented Dec 17, 2024

CleanShot 2024-12-17 at 17 19 47

Use alt or a similar key to identify the buttons when hovering the mouse over them.

@moul
Copy link
Member Author

moul commented Dec 17, 2024

CleanShot 2024-12-17 at 17 21 08

When empty, remove the block or add text explaining why it is empty.

@moul
Copy link
Member Author

moul commented Dec 17, 2024

Strange vertical alignment
CleanShot 2024-12-17 at 17 48 48

@moul
Copy link
Member Author

moul commented Dec 17, 2024

bug breaking txlink:

CleanShot.2024-12-17.at.17.50.55.mp4

@moul
Copy link
Member Author

moul commented Dec 17, 2024

Lack of cookie for the key/address.

CleanShot.2024-12-17.at.17.52.04.mp4

@alexiscolin alexiscolin mentioned this issue Dec 17, 2024
Merged
@kazai777
Copy link
Contributor

It would be nice to have dark mode

thehowl pushed a commit that referenced this issue Dec 17, 2024
@alexiscolin
fix: gnoweb UI styles (#3349)
0408d6f 
This PR aims to fix some of remaining UI bugs on gnoweb after the revamp
merge.

Some of: #3355

- Fixes Safari select input design and icons
- Fixes input hover
- Fixes ToC font style
- Fixes UI details and improve CSS
- Fixes Responsive with long content
- Fixes Scrollbar
- Fixes fonts loading strategy and size
- Fixes ts issue with copy btn (quick clicks)
- Fixes some A11y
n0izn0iz pushed a commit to TERITORI/gno that referenced this issue Dec 17, 2024
@alexiscolin @n0izn0iz
fix: gnoweb UI styles (gnolang#3349)
648a09d 
This PR aims to fix some of remaining UI bugs on gnoweb after the revamp
merge.

Some of: gnolang#3355

- Fixes Safari select input design and icons
- Fixes input hover
- Fixes ToC font style
- Fixes UI details and improve CSS
- Fixes Responsive with long content
- Fixes Scrollbar
- Fixes fonts loading strategy and size
- Fixes ts issue with copy btn (quick clicks)
- Fixes some A11y
@alexiscolin alexiscolin mentioned this issue Dec 18, 2024
Merged
thehowl pushed a commit that referenced this issue Dec 18, 2024
@alexiscolin
feat(gnoweb): improve help page (#3362)
2fed38d 
Adds JavaScript features listed #3355 regarding Help section in gnoweb.

- Adds localStorage feature for address
- Fixes txlink
- Minor UI styles
@leohhhn
Copy link
Contributor

leohhhn commented Dec 18, 2024 •
edited
Loading

We should see if we can somehow make the page a little less empty when there is little or no content, like for example here: https://gno.land/r/docs/hello

Also, in this specific case above, the TOC is not shown even though the text is H1

omarsy pushed a commit to omarsy/gno that referenced this issue Dec 18, 2024
@alexiscolin @omarsy
fix: gnoweb UI styles (gnolang#3349)
c1b5599 
This PR aims to fix some of remaining UI bugs on gnoweb after the revamp
merge.

Some of: gnolang#3355

- Fixes Safari select input design and icons
- Fixes input hover
- Fixes ToC font style
- Fixes UI details and improve CSS
- Fixes Responsive with long content
- Fixes Scrollbar
- Fixes fonts loading strategy and size
- Fixes ts issue with copy btn (quick clicks)
- Fixes some A11y
omarsy pushed a commit to omarsy/gno that referenced this issue Dec 18, 2024
@alexiscolin @omarsy
feat(gnoweb): improve help page (gnolang#3362)
d2e3de0 
Adds JavaScript features listed gnolang#3355 regarding Help section in gnoweb.

- Adds localStorage feature for address
- Fixes txlink
- Minor UI styles
@stefann-01
Copy link
Contributor

Naming auto-generated function calls for realms as 'docs' isn't very intuitive. It took me a few minutes to realize what it was. I initially thought it would lead to a general documentation page.

@leohhhn
Copy link
Contributor

leohhhn commented Dec 19, 2024

Inline code does not match font size of other text when in H1,H2, etc

Screenshot 2024-12-19 at 13 42 39

@alexiscolin alexiscolin mentioned this issue Dec 19, 2024
Merged
moul pushed a commit that referenced this issue Dec 19, 2024
@alexiscolin
style: various gnoweb fix after revamp (#3376)
b9aedb1 
Continue fixing the issues reported in #3355 mainly:

- Colors a11y issues
- Directory layout 
- Copy btn style 
- code element font-size to follow parent's one
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@alexiscolin alexiscolin

Labels
🐞 bug Something isn't working 🌟 improvement performance improvements, refactors ...
Projects
🧙‍♂️gno.land core team
Status: Triage
Milestone
No milestone
Development

No branches or pull requests
5 participants
@moul @alexiscolin @leohhhn @stefann-01 @kazai777