Give file attachments an "Actions" menu.
Review Request #6352 — Created Sept. 21, 2014 and submitted
This change moves the "Add Comment" or "Review" items into an "Actions"
drop-down within the file attachment box. This is in preparation for adding an
"Update" action which will allow the user to replace an existing attachment
with a new version.In order to make the drop-down not super ugly, I've changed the bottom-left
corner of the "Actions" label to be square instead of rounded.
- Verified the visual appearance of the different menus, both as-is and with
the "Update" button un-commented. - Checked that the actions still worked.
| Description | From | Last Updated |
|---|---|---|
|
The styling is very inconsistent across these. We should either add a style to the "Actions" when the menu is … |
 chipx86
|
|
|
Is this what we want in the menu? Or should we put Delete? I'm leaning toward Delete, since, like Update, … |
chipx86
|
|
|
Can we keep the trash icon on delete? Might help keep the menu width a bit nicer (it seems very … |
chipx86
|
- Change Summary:
-
Fix attachments in change boxes.
- Commit:
-
8f8b81a8a0b9cf4c6334399c9940a5df945a48674d2caa11913d9e4bd8b5b7a4d8254090f680008f
-
Tool: PEP8 Style Checker Ignored Files: reviewboard/static/rb/js/views/fileAttachmentThumbnailView.js reviewboard/static/rb/css/pages/reviews.less reviewboard/templates/reviews/parts/file_attachment_thumbnail.html reviewboard/static/rb/js/views/reviewRequestEditorView.js Tool: Pyflakes Ignored Files: reviewboard/static/rb/js/views/fileAttachmentThumbnailView.js reviewboard/static/rb/css/pages/reviews.less reviewboard/templates/reviews/parts/file_attachment_thumbnail.html reviewboard/static/rb/js/views/reviewRequestEditorView.js
-
-
The styling is very inconsistent across these. We should either add a style to the "Actions" when the menu is open to match, or keep the below more white-ish.
-
Is this what we want in the menu? Or should we put Delete? I'm leaning toward Delete, since, like Update, it's a thing we can do to manipulate the attachment. Users should probably still see Review/Add Comment directly.
we can maybe rename "Add Comment" to just "Comment" to keep it short.
Since that's still going to be long, though, how about we change "Actions" to just a down arrow, as the right-most entry? So:
[Review] [v]
![Is this what we want in the menu? Or should we put Delete? I'm leaning toward Delete, since, like Update, it's a thing we can do to manipulate the attachment. Users should probably still see Review/Add Comment directly.
we can maybe rename "Add Comment" to just "Comment" to keep it short.
Since that's still going to be long, though, how about we change "Actions" to just a down arrow, as the right-most entry? So:
[Review] [v]](https://media.reviews.reviewboard.org/uploaded/files/2014/09/21/4957b253-bf1b-47b7-9973-89ff3652c259__actions_206_57_116_40.png){kind=small}
- Commit:
-
4d2caa11913d9e4bd8b5b7a4d8254090f680008fadfc1692c75c88369e7a78f2d79bc41f74e92392
- Diff:
-
Revision 3 (+79 -42)
- Removed Files:
- Added Files:
-
Tool: Pyflakes Ignored Files: reviewboard/static/rb/js/views/fileAttachmentThumbnailView.js reviewboard/static/rb/css/pages/reviews.less reviewboard/templates/reviews/parts/file_attachment_thumbnail.html reviewboard/static/rb/js/views/reviewRequestEditorView.js Tool: PEP8 Style Checker Ignored Files: reviewboard/static/rb/js/views/fileAttachmentThumbnailView.js reviewboard/static/rb/css/pages/reviews.less reviewboard/templates/reviews/parts/file_attachment_thumbnail.html reviewboard/static/rb/js/views/reviewRequestEditorView.js
Tool: PEP8 Style Checker Ignored Files: reviewboard/static/rb/js/views/fileAttachmentThumbnailView.js reviewboard/static/rb/css/pages/reviews.less reviewboard/templates/reviews/parts/file_attachment_thumbnail.html reviewboard/static/rb/js/views/reviewRequestEditorView.js Tool: Pyflakes Ignored Files: reviewboard/static/rb/js/views/fileAttachmentThumbnailView.js reviewboard/static/rb/css/pages/reviews.less reviewboard/templates/reviews/parts/file_attachment_thumbnail.html reviewboard/static/rb/js/views/reviewRequestEditorView.js