Mobile commit list: re-arrange order of the commit hash and tags
Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.
Context
Per &17482 (comment 2611078691) the specifications for the MVC version of the Commit list are:
Option 1 (MVC): Use display of current mobile crud component
Logical option for MVC, the "don't rock the boat" option.
Screen Notes Default
- "Verified" badge and tag is using a smaller, mobile-friendly version of the badge (16px tall). I don't see this in Pajamas, however, we are currently using a smaller badge on mobile on the current Commits page.
Interactions
- See Issues page for an example of how the crud component expands/collapses on mobile
- Clicking on the commit title will bring users to the commits detail page (see click state in blue)
Breadcrumb overflow
- The breadcrumb will appear by default to the right of the branch selector
- If there is no more space, the breadcrumbs will fall onto a new line.
- See Repository page for an example of how this functions.
Problem
- The commit hash should appear on the left-hand side in mobile, to help with scannability.
- The commit hash should be styled with the
codestyling (smaller text, background color) on mobile, to help with readability.
| Current | Design proposal |
|---|---|
|
|
Edited by Alyssa Trinh




