remark42 icon indicating copy to clipboard operation
remark42 copied to clipboard

Published 20 hours ago • verified publisher icon umputun

Comment form on small screens

Open umputun opened this issue 4 years ago • 3 comments

our comment form doesn't look good on small screens.

This is the form for the one not logged in:

e2y02fy0pc-20200712-202523

It doesn't look too bad but feels unnecessary heavy. First of all, we can get rid of the "Sort by" label and make the sorting value not that bold. Second, we may remove "Styling with Markdown is supported" line on such small screens. Probably these two changes could make the form lighter and better looking. See also #732

However, for the logged-in user, the form is much worse:

0rk6qidqja-20200712-202721

My suggestions here:

  • remove all "You logged in as" thing and keep just the user name
  • Move "Logout" to the dropdown under the user name
  • change "Subscribe by RSS" by "Subscribe" and have RSS as one more item in this dropbox. this probably will move subscribe control to the same line as buttons

And this is the screen for the admin:

joxdy25kah-20200712-203551

I'm not sure what the right place for "show settings" and "disable comments", but first of all it seems like "disable comments" can be an item on "show settings" view. The "show settings" itself probably can be replaced just by "settings" (or an icon?) and be on the same line as others.

Hopefully, all of this is not a big deal for the frontend and could make the mobile experience less miserable without much effort

P.S. I'm not even sure if we want to have the toolbar visible on a small screen. This is debatable, but my general impression - it is too heavy for the mobile phone screens.

cc @akellbl4 @Mavrin

umputun avatar Jul 13 '20 01:07 umputun

Form on mobile should probably look more like simple-view but keeping the formatting options. I would also suggest wrapping every non-essential menu item in a drawer/dropdown menu.

rnmp avatar Jul 22 '20 04:07 rnmp

Comment form:

Comment form with a login form:

Logged in as user comment form:

Logged in as admin comment form:

@umputun, some things you highlighted were improved over time. Could you please review the current state of things and write what is still worth changing?

paskal avatar Jan 08 '23 10:01 paskal

Seems like authorized view is a bit broken. I think we should address those problems. Maybe buttons should be smaller on mobile.

akellbl4 avatar Jan 09 '23 18:01 akellbl4