Test/onboarding task: Layout: Conversation

Bugs/fixes (move to general bug base)


MESSAGE INPUT:

  • Desktop:
  • ⚠️ Remove glow from focused state:
  • The padding between last message and message input should bigger (~16px)
  • Message input has two top borders. Remove “border-top” from element inline style (this will remove the dark line, and keep the light one).

  • Mobile:
  • Android: “+” and “send” buttons have incorrect padding

  • All platforms:
  • ‼️ “+” button should currently be visible only inside the class to teacher
  • ⚠️ After sending a message longer than one line, flashing cursor is not visible:

DIALOGS:

  • All platforms:
  • ‼️ Use different coloring teacher messages bubbles: teacher's messages appear not on class color background, class light color background. Important: if I am teacher, my messages appear on class color background, as currently implemented)
  • Time stamp is still Open Sans font-family. Must be Roboto, as everything else
  • ⚠️ Timestamp displays the time of the last message in a group. Should display the date and time of the first message





0. GENERAL INFO


Conversation layout is universal: same rules apply to both: desktop and mobile. 

Only a small number of differences is present:

  • different icons:
  • different (native) Back icons
  • different (native) “i” icons
  • different “+” icons
  • different (native) “Send” icons

  • different fonts:
  • native Android: Roboto
  • native iOS: SF UI
  • dekstop: Roboto (provided by angular material)