Skip to content
This repository has been archived by the owner on Jan 14, 2022. It is now read-only.

UI fixes for mobile - Closes #881 #885

Merged
merged 9 commits into from
Jan 24, 2019
Merged

UI fixes for mobile - Closes #881 #885

merged 9 commits into from
Jan 24, 2019

Conversation

youxiberlin
Copy link
Contributor

What was the problem?

  • Pagination: does not fit the screen properly
  • Breadcrumbs: eliminate wrapping on small screens
  • Landing: Remove padding for the transaction table
  • Landing: Too little spacing between last block and recent blocks
  • Block: Block ID cells should be merged
  • Network monitor: Tabs are not aligned properly - two-line view and a lot of wasted space

How did I fix it?

  • Added pagination only for mobile 320px view
  • Modify tabs at Network Monitor for mobile views by hiding unnecessary texts
  • Modify padding of txs lists at landing for mobile
  • Add pagination for mobile-xs view at Blocks pages
  • Modify spacing of block table for mobile
  • Modify letter-spacing of breadcrumb for mobile-xs

How to test it?

Checked on chrome

Review checklist

@MichalTuleja MichalTuleja merged commit 8071c62 into 2.2.2 Jan 24, 2019
@MichalTuleja MichalTuleja deleted the 881-ui-fix-mobile branch January 24, 2019 10:36
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants