arXiv / arxiv-submission-ui

User interface of NG submit system.
MIT License
2 stars 6 forks source link

ARXIVNG-1041 ARXIVNG-1061 Progress bar style #30

Closed eawoods closed 6 years ago

eawoods commented 6 years ago

Made some changes to the macro code and CSS, now our progress bar looks prettier! I am not tied to having the labels on the bottom, but they're a handy reference for us (for now). "Confirmed" is not a step that is intended to be on the progress bar during production, but I left it in the nav so that we can access that page (without having to remember the route name).

Bar automatically hides for mobile and is labeled for accessibility.

showing active 4th step with 5th step completed (user has backed up):

screen shot 2018-08-30 at 4 23 18 pm

hover on incomplete step, showing active 4th step and completed 5th step:

screen shot 2018-08-30 at 4 23 28 pm

hover on complete step, showing active 4th step and completed 5th step:

screen shot 2018-08-30 at 4 23 35 pm

NOTE: I wasn't able to test this for the actual submission process, and the "active" and "completed" states are hardcoded at this present moment. To preview the bar, use the mock route /progress.

coveralls commented 6 years ago

Pull Request Test Coverage Report for Build 257


Changes Missing Coverage Covered Lines Changed/Added Lines %
submit/routes/ui.py 2 5 40.0%
<!-- Total: 2 5 40.0% -->
Totals Coverage Status
Change from base Build 254: -0.1%
Covered Lines: 843
Relevant Lines: 1256

💛 - Coveralls