[WIP] Responsive UI for Review Detail and Diff Viewer
Review Request #6922 — Created Feb. 8, 2015 and discarded
Currently RB was designed and made for desktop screen resolutions, thus when users access the website on mobile phones with limited screen estates, elements on the sites are often crunched or overlapped on each other, making quick mobile review/checking new contents impossible. With mostly changes to css files only, this change allows elements to resize properly and re-adjust its position to allow easy viewing of the contents, without significant modifications on the actual elements itself.
Current focus are screens with resolution between 360px up to 720px. (720px+ renders fine without additional changes).
Pages are checked on firefox and chrome with windows resized to between 360px and 720px, and boundary cases 720/721px to check the readability of elements/pages.
- Change Summary:
-
Rebased from #6796 with minor code clean up
- Commit:
-
326a1abff9c7af5c70102bd6093af2d230fedb67bb02743fe5f696bffce26605f674368ef7d3add5
- Diff:
-
Revision 2 (+110 -22)
![reviewbot](https://reviews.reviewboard.org/static/ext/reviewbotext.extension.ReviewBotExtension/images/reviewbot.png)
-
Tool: Pyflakes Ignored Files: reviewboard/templates/reviews/review_detail.html reviewboard/static/rb/css/pages/diffviewer.less reviewboard/static/rb/js/views/commentDialogView.js reviewboard/templates/diffviewer/view_diff.html reviewboard/static/rb/css/pages/reviews.less reviewboard/templates/base/headerbar.html reviewboard/static/rb/js/views/uploadAttachmentView.js Tool: PEP8 Style Checker Ignored Files: reviewboard/templates/reviews/review_detail.html reviewboard/static/rb/css/pages/diffviewer.less reviewboard/static/rb/js/views/commentDialogView.js reviewboard/templates/diffviewer/view_diff.html reviewboard/static/rb/css/pages/reviews.less reviewboard/templates/base/headerbar.html reviewboard/static/rb/js/views/uploadAttachmentView.js
- Commit:
-
bb02743fe5f696bffce26605f674368ef7d3add575179e102a233e9a588e395ca011181977f9f0b9
- Diff:
-
Revision 3 (+110 -22)
![reviewbot](https://reviews.reviewboard.org/static/ext/reviewbotext.extension.ReviewBotExtension/images/reviewbot.png)
-
Tool: PEP8 Style Checker Ignored Files: reviewboard/templates/reviews/review_detail.html reviewboard/static/rb/css/pages/diffviewer.less reviewboard/static/rb/js/views/commentDialogView.js reviewboard/templates/diffviewer/view_diff.html reviewboard/static/rb/css/pages/reviews.less reviewboard/templates/base/headerbar.html reviewboard/static/rb/js/views/uploadAttachmentView.js Tool: Pyflakes Ignored Files: reviewboard/templates/reviews/review_detail.html reviewboard/static/rb/css/pages/diffviewer.less reviewboard/static/rb/js/views/commentDialogView.js reviewboard/templates/diffviewer/view_diff.html reviewboard/static/rb/css/pages/reviews.less reviewboard/templates/base/headerbar.html reviewboard/static/rb/js/views/uploadAttachmentView.js