Make the review request page mobile-friendly.
Review Request #7288 — Created May 6, 2015 and submitted — Latest diff uploaded
The review request page is one of the most important pages on Review Board, and we want it to be fully usable on mobile devices. This change gets us a huge step of the way there by making the page mobile-friendly. It now fits on a typical mobile phone's screen. All operations, such as closing review requests, replying to comments, etc. are doable as well. Most of the changes are pretty straight-forward. Horizontal content has become more vertical (avatars are above review, timestamps no longer aligned to the upper-right, the issue summary table contents are multi-row cells, and so on). Diffed comment thumbnails are still horizontal (this will be addressed in a later change). The review request action bar had to be consolidated a bit. Now, all the actions are hidden under a "..." button. When clicked, this unfolds to show all available actions as a new, wrapped action bar. Implementation-wise, it's just a special action menu. These changes affect the diff viewer and file review UIs as well. However, those pages are not optimized yet for mobile, and will be updated in future changes.
Tested that the main desktop-oriented layout continued to look correct on
Chrome and Firefox.Tested the mobile UI on the iPhone and in responsive mode at different
resolutions in Chrome.Tested review request actions, replying to comments, expanding/collapsing
boxes, and toggling issue states.