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.

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

Tune links and hashes #1290

Closed
wants to merge 7 commits into from
Closed

Tune links and hashes #1290

wants to merge 7 commits into from

Conversation

csillag
Copy link
Contributor

@csillag csillag commented Feb 23, 2024

@donouwens wrote:

TX details, mobile view:
we should use the space in the row more to minimise the chance of needing to truncate.

Up to now, on mobile, we were always truncating hashes to a fixed length (the same as in tables).

With this change, we can now display them adaptively, that is, taking up all the space that is available.

Component Before After Points of interest
TX details on mobile image image Fixed lost space and clashing tooltips for "From" and "To"
Account details on mobile image image Fixed lost space for address

A similar change has also been implemented for block hash links and other similar things.

Copy link

github-actions bot commented Feb 23, 2024

Deployed to Cloudflare Pages

Latest commit: 528b5fe6304cdfbe971fc8ce3573bd9051c3fce5
Status:✅ Deploy successful!
Preview URL: https://e17a942b.oasis-explorer.pages.dev

@csillag csillag force-pushed the csillag/tune-links-and-hashes branch from 2238690 to 603bd36 Compare February 23, 2024 03:29
@csillag csillag marked this pull request as ready for review February 23, 2024 03:32
@csillag csillag force-pushed the csillag/tune-links-and-hashes branch 2 times, most recently from d5cb70e to 20fdc32 Compare February 23, 2024 05:03
@donouwens
Copy link
Collaborator

Thanks @csillag

I was suggesting to keep the truncate for the addresses in a more standardized way ("0x1234...abcdef"), but this works better IMO. We provide more clarity this way.

Just to clarify two things:

  1. When I view the preview on mobile it's still truncated ("0x1234...abcdef") - that' correct behaviour, right?
  2. Would we ever go over two lines on any (normal) screen (mobile/tablet/desktop)?

@csillag
Copy link
Contributor Author

csillag commented Feb 23, 2024

Works with Chrome, but not with FF. Lemme fix that...

@csillag csillag marked this pull request as draft February 23, 2024 12:37
@csillag csillag force-pushed the csillag/tune-links-and-hashes branch 4 times, most recently from 506dc8a to 9efcad3 Compare February 23, 2024 15:39
@csillag
Copy link
Contributor Author

csillag commented Feb 23, 2024

  1. When I view the preview on mobile it's still truncated ("0x1234...abcdef") - that' correct behaviour, right?

It was not. Now fixed.

Firefox:

image

Chrome:

image

  1. Would we ever go over two lines on any (normal) screen (mobile/tablet/desktop)?

For account address, no, not before we bring in named accounts in another PR.

@csillag csillag marked this pull request as ready for review February 23, 2024 15:42
@csillag csillag force-pushed the csillag/tune-links-and-hashes branch from 9efcad3 to 4d838d1 Compare February 23, 2024 16:58
@csillag csillag marked this pull request as draft February 28, 2024 09:20
@csillag csillag force-pushed the csillag/tune-links-and-hashes branch from 4d838d1 to 528b5fe Compare February 28, 2024 09:30
@csillag
Copy link
Contributor Author

csillag commented Apr 30, 2024

This branch has too many merge conflicts now. I have rebased the code (on the Pontus-X branch), and extracted the relevant parts again into #1396. Closing this as obsolete.

@csillag csillag closed this Apr 30, 2024
@csillag csillag deleted the csillag/tune-links-and-hashes branch May 29, 2024 08:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants