Converse.js: [user experience] Clear line separators

Created on 3 Apr 2018  ·  1Comment  ·  Source: conversejs/converse.js

We should remove the line separators from the left pane.

converse-4 0 0alpha-side_pane-separators

Problems:

  • Unnecessary added symbol/information
  • Visual overload with no meaning
  • Screen estate wasted

Proposed:

  • Remove lines
  • Use unordered list (with no special background)

    • level 1 containing “Chatrooms” and “Contacts”

    • level 2 is the actual MUC rooms and one-to-one conversations

Examples:
capture d ecran 2018-03-28 a 11 49 40
capture d ecran 2018-03-28 a 11 49 28
mattermost-screenshot-e3d6c040fba21d9830441a47391fed51
hipchat-overview-hero

UX good first issue

Most helpful comment

Thanks @Nyco, I've removed the lines, tweaked the padding and made the L1 titles uppercase.

>All comments

Thanks @Nyco, I've removed the lines, tweaked the padding and made the L1 titles uppercase.

Was this page helpful?
0 / 5 - 0 ratings