search

TryQuiet / quiet

A private, p2p alternative to Slack and Discord built on Tor & IPFS
https://www.tryquiet.org
GNU General Public License v3.0
1.91k stars 81 forks source link

Images, borders, loading placeholder should match designs #576

Open holmesworcester opened 2 years ago

holmesworcester commented 2 years ago

Right now images with white backgrounds (like screenshots of quiet) aren't set off from the message text, so it's hard to read. Also it could potentially be confused for an actual message.

There should be clear borders around screenshots.

Cases we should consider:

  1. Image is not loaded, only placeholder appears
  2. Image is loaded but background is white
  3. Image is really tall and wide
  4. Image is really tall
  5. Image is really wide

Design here:

https://www.figma.com/file/68ucD6gpOAXW1kRNq2gjFK/Send-and-receive-files?node-id=300%3A12826

Note: image preview should be updated to have a white background (inside the gray border) and just a spinner, not an image icon.

holmesworcester commented 2 years ago

See comments here: https://github.com/TryQuiet/monorepo/issues/594