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

Add responsive capability to the applications table #171

Closed
4 tasks
brunomenezes opened this issue Apr 30, 2024 · 0 comments · Fixed by #180
Closed
4 tasks

Add responsive capability to the applications table #171

brunomenezes opened this issue Apr 30, 2024 · 0 comments · Fixed by #180
Assignees
Labels
Type: Enhancement Improve an existing feature / design

Comments

@brunomenezes
Copy link
Collaborator

📄 Context

The table that lists the applications under /applications is all stacked up when looking through a small screen device. The idea is to have it responsive in the same way as the table listing inputs. Therefore, when the screen is too small for the content, it should be able to scroll horizontally through the current viewport available with the action column floating.

✔️ Solution

Add responsiveness to the applications table. Use the input table as a reference.

  • The cell content does not break the line.
  • The action column (last one) floats when it is hidden with a perceived shadow to show that it has content to be scrolled.
  • The user can scroll horizontally.
  • When the last column is visible, the shadow should also be gone.

📈 Subtasks

  • Implement the responsive logic in the application's table

🎯 Definition of Done

  • The user can horizontally scroll on small screens
  • The user can, without scrolling, click the action buttons through the floating column.
  • The table works as usual on bigger screens.
@brunomenezes brunomenezes added the Type: Enhancement Improve an existing feature / design label Apr 30, 2024
@nevendyulgerov nevendyulgerov self-assigned this May 7, 2024
@nevendyulgerov nevendyulgerov linked a pull request May 9, 2024 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement Improve an existing feature / design
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants