Comment box/text area is using too much space (hidden by default or two lines only) #7729

Open
opened 2022-11-09 17:16:41 +01:00 by slrslr · 2 comments
slrslr commented 2022-11-09 17:16:41 +01:00 (Migrated from github.com)

Currently i in LBRY desktop AppImage I have to scroll a lot to get from a video to its comments, also thanks to too large text area input box for a new comment. It is unnecessarily annoying experience. On the screenshot below, you can see that i have scrolled almost one screen fold and not yet seen comments.

Describe the solution you'd like
In most cases i only read comment and in less cases i comment myself. I would bet most people do it like that. So why to show so huge comment input box before showing comments?

So i think that the comment box should be
A) hidden and clicking some button will immediately without any delay and annoying animation show it.
B) decrease height of the text area to be like 2 lines of text, since most comments does not span more than 2 lines
C) input area of new comment will be one line before or after the button for sending "Comment" and when person input more lines, the text area will automatically adjust its size or create scrollbars.

screenshot

Currently i in LBRY desktop AppImage I have to scroll a lot to get from a video to its comments, also thanks to too large text area input box for a new comment. It is unnecessarily annoying experience. On the screenshot below, you can see that i have scrolled almost one screen fold and not yet seen comments. **Describe the solution you'd like** In most cases i only read comment and in less cases i comment myself. I would bet most people do it like that. So why to show so huge comment input box before showing comments? So i think that the comment box should be A) hidden and clicking some button will immediately without any delay and annoying animation show it. B) decrease height of the text area to be like 2 lines of text, since most comments does not span more than 2 lines C) input area of new comment will be one line before or after the button for sending "Comment" and when person input more lines, the text area will automatically adjust its size or create scrollbars. [![screenshot](https://i.postimg.cc/tCDWgk1x/lbry-too-much-scrolling-to-comments.webp)](https://i.postimg.cc/tCDWgk1x/lbry-too-much-scrolling-to-comments.webp)
jessopb commented 2022-11-09 19:44:37 +01:00 (Migrated from github.com)

Will you try 53.7-alpha.1 and tell me what you think?

Will you try 53.7-alpha.1 and tell me what you think?
slrslr commented 2022-11-09 21:10:30 +01:00 (Migrated from github.com)

At first look it seemed to be the same as on the screenshot above. Yet, good surprise is that there is possibility to shrink the comment box, but

  1. it is not shrink/space saving by default (and i hope it can be like that to save scrolling time as described earlier)
  2. it is missing buttons of the advanced editor. Buttons should remain only minimize to 1 or more text area lines (show scrollbar) or dynamically increase size as more lines are typed.
  3. There is some margin between tip. points and number of comments seen on image.

lbry-comment-margin

Comment box may be hidden by default so user does not need to scroll over it to read comments and displayed upon clicking Comment button, which may then change into Send button. Comment button may be also displayed at the bottom of all comments or serve as a link to jump to the top of the comments with open comment box.

At first look it seemed to be the same as on the screenshot above. Yet, good surprise is that there is possibility to shrink the comment box, but 1) it is not shrink/space saving by default (and i hope it can be like that to save scrolling time as described earlier) 2) it is missing buttons of the advanced editor. Buttons should remain only minimize to 1 or more text area lines (show scrollbar) or dynamically increase size as more lines are typed. 3) There is some margin between tip. points and number of comments seen on image. ![lbry-comment-margin](https://user-images.githubusercontent.com/6596726/200933420-5001d2c7-fc05-4b50-9c68-e758363826c0.gif) Comment box may be hidden by default so user does not need to scroll over it to read comments and displayed upon clicking Comment button, which may then change into Send button. Comment button may be also displayed at the bottom of all comments or serve as a link to jump to the top of the comments with open comment box.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: LBRYCommunity/lbry-desktop#7729
No description provided.