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

Better scrolling for workflows list #516

Conversation

Assem-Uber
Copy link
Contributor

@Assem-Uber Assem-Uber commented Jul 19, 2023

The goal from this Changes was to add a horizontal scrollbar to be able to read the workflows table on narrow screens.
While working on that there was multiple issues with the existing scrollbars that made placing a new scroll bar harder.
So here are the fixes that is made to the scrollbars:

  • Scrollbars always showing
    Screenshot 2023-07-19 at 16 02 37
  • Double scrollbars always showing
    Screenshot 2023-07-19 at 16 07 25
  • Scrolling the workflows pulls down the complete page (some bounce effect)
  • extra space at the bottom
    Screenshot 2023-07-20 at 11 09 43

This PR fixes all the above + add a horizontal scrollbar for workflows page if page is smaller than 1000px
This is how it looks now:
Screenshot 2023-07-20 at 11 08 34

client/App.vue Outdated
main
position absolute
width 100%
body, main
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very strange to see CSS without brackets {}
I'd prefer to always have them.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Checking if they had the styles of this section done this way on purpose or we can add them

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

@Assem-Uber Assem-Uber merged commit cce8d73 into cadence-workflow:master Jul 26, 2023
@Assem-Uber Assem-Uber deleted the CDNC-4931-fix-scrolling-on-workflow-summary-page branch July 26, 2023 11:56
@Assem-Uber Assem-Uber mentioned this pull request Jul 31, 2023
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.

2 participants