-
Notifications
You must be signed in to change notification settings - Fork 45
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
feat(web): cases-grid-and-list-display #1219
Conversation
✅ Deploy Preview for kleros-v2 ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I found a few issues:
- In mobile format, the list view exceeds the screen width. Either we try to support horizontal scrolling (probably too much work), either we disable the list view button until the screen is wide enough.
- There is an intermediate width (at 00:12s in the video) where the last columns headers wrap to the next line
- In desktop view, some disputes info is not aligned (court, reward, deadline) and the category is missing when the title is somewhat long (at 00:25s in the video)
screen.mov
Code Climate has analyzed commit d233f69 and detected 1 issue on this pull request. Here's the issue category breakdown:
View more on Code Climate. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- There is horizontal scrolling on mobile on the cases page, one approach to fixing this would be to fix the width to 312px on mobile, and 380px on landscape.
- When using the list view, if the title of the dispute is too big, it looks bad, we either decide to show only two lines and then "..." or we allow them to expand vertically 🤔 I am inclined towards the first option.
- For the grid <> list switch, if we use grey it looks like it's disabled 🤔 I would either show both in blue with the selected one with some kind of highlight, like glow, or show only the one you can change towards (i.e. if we are on grid view, only show the icon to change to list view, and viceversa)
Kudos, SonarCloud Quality Gate passed! 0 Bugs No Coverage information |
Closes #688 , also fixes Dashboard page cases section