18F / micropurchase

18F's micro-purchase threshold experiment management app.
https://micropurchase.18f.gov
Other
68 stars 37 forks source link

Implement expanding feature of skills and project table #1485

Open jehlers opened 7 years ago

jehlers commented 7 years ago

Following onto #1481 — To give users more information, the skills and projects tabs are meant to expand so a user can see how many projects have used a certain skill and vice versa depending on what tab they are interested in the table.

Desktop - Skills tab

Collapsed / Default

Although the "view projects" call to action is on the left, the user should be able to click on any part of the table row to expand it. (It should highlight gray on hover if possible.)

desktop - skills

Expanded

Once expanded, the user should be able to click on the project repo link if they so choose.

desktop - skills expanded

Mobile - Skills tab

Collapsed / Default

mobile - skills

Expanded

6-mobile-skillsexpanded

Desktop - Projects tab

Collapsed / Default

Although the "view skills" call to action is on the left, the user should be able to click on any part of the table row to expand it, except the link to the project repo itself. (It should highlight gray on hover if possible.)

3-desktop-projects

Expanded

4-desktop-projectsexpanded

Mobile - Projects tab

Collapsed / Default

7-mobile-projects

Expanded

8-mobile-projectsexpanded