Implement revised comments for mobile
A redesigned and improved structure for mobile should be implemented.
Please see a simple click-through here: https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/ePq1Z2/play
The included design cover light-mode. A single dark-mode screen may be found here: https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/aYvzyZ
Notes
- Comments should no longer be displayed in a nested fashion. Instead, each level of comments is displayed within its own screen. This approach is clearer, and gives ore screen real estate for comments and comment creation.
- The term 'comment' applies only to top-level comment items. Anything deeper should simply be referred to as a 'reply'.
- There are two new filter options related to comments. 'Top' and 'Latest'. Note that these filter options apply only to top-level comments, and not replies.
- Top: This is the default selection, where comments with the most up-votes are displayed first.
- Latest: Comments arranged from oldest to newest
- When a user taps on a comment, they are brought to this screen here, where the selected comment is displayed at the very top. https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/nvqYPa
- Explicit comments: https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/wKpjqm
- Embedded URL comment: https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/pOpoRR
- Embedded video or image comment: https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/VjmYp7
- Long comments/replies:
- When replying to a comment, the reply should be reinforced by displaying the relevant channel : https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/xqe8PW
- Tapping the ellipsis next to any comment/reply: https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/O9ZYD2
- Tapping filter option on comments pannel: https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/AdL8vM
- Long comment/reply: https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/EOY1gO
-
- When ellipsis is tapped: https://www.sketch.com/s/242fed11-027a-48de-b053-6d4cc89bed75/a/1avzDp
Edited by Michael Bradley