[Noir] Discuss Commit Table Design (mobile) => Asset Tree

[sync-by-unito[bot]]

Your email: ethan@numbersprotocol.io

Is this a general issue/FR report or a ticket that involve your personal account?: No personal information involved

Select product: Numbers Search Engine

One line to describe the issue you see or the feature you want to add: [Noir] Discuss Commit Table Design (mobile) => Asset Tree

Let us know what do you expect to see?: Want to see a nice design for the commit table in Numbers Search Engine Asset Profile.

Currently we have three colums, (timestamp, action, and asset tree). We want to discuss if there is a better way to laying out the table so that it is more pleasing and friendly for users.

Please provide some simple steps to help us reproduce the issue or understand how do you want to see the feature.:

1. go to https://nftsearch.site/version-v230323-ethan/asset-profile?nid=bafkreihf6oot7xfpbdwg5ji42jhbtvk2udzror6r4o72rfcfoanas4e5wy on mobile device
2. scroll down to commit table
3. view commit table layout

What's the device or browser do you use?: any device

Provide some additional context that can help us clarify the issue or the feature you expect: want comments and suggestions and design for mobile view commit table.

——————————————— This task was submitted through Issue Report/Feature Request https://form.asana.com/?k=OlNjzNIasZt0uOT5gzb7pw&d=1200886955782960

┆Issue is synchronized with this Asana task by Unito

[sync-by-unito[bot]]

➤ Ethan Wu commented:

see above comments. basically we want to have a design suggestion for the mobile view of asset profile commit table. attached is the current implementation.

if you have suggestions regarding desktop view that is also welcome. thanks!

[sync-by-unito[bot]]

➤ Mike Mellor commented:

Hey team, I've taken a look at updating the UI for the commit table and a general update for the page too. See below.

Features

• On mobile the table is horizontally scrollable and text doesn't fall on to multiple lines
• Transaction and asset tree information is truncated to the first 6 and last 6 characters to save space
• Subtle use of colour separates each section along with slight changes in font size and weight
• Transaction is shown as a clickable link

It's very common behaviour for tables on mobile to be scrollable so it shouldn't form any frustrations for users. It also allows for columns to be added if required.

Figma Link: https://www.figma.com/file/GD19K0LPyvTv2P0Z8iht6k/NFT-Search-Site?node-id=0%3A1&t=hTwcz66ZFDlpvqiK-1 ( https://www.figma.com/file/GD19K0LPyvTv2P0Z8iht6k/NFT-Search-Site?node-id=0%3A1&t=hTwcz66ZFDlpvqiK-1 )

[sync-by-unito[bot]]

➤ Mike Mellor commented:

Tammy Yang just adding a notification so you see this update.

[sync-by-unito[bot]]

➤ Tammy Yang commented:

Kenny Hung please arrange the update in the next sprint