lilia
f860278b89
Add avatars to conversation headers
...
So as not to look repetitive, hide the per-message avatars in one-on-one
conversations.
// FREEBIE
2015-11-09 11:48:14 -08:00
lilia
0d5291acad
Replace sinewave with ellipse
...
Also make sure status indicator matches timestamp color.
Fixes #393
// FREEBIE
2015-11-08 14:50:34 -08:00
lilia
334e26af13
Fix invisible message detail scrollbar
...
// FREEBIE
2015-11-07 23:24:28 -08:00
lilia
8a73706512
Fix container height in message detail screen
...
// FREEBIE
2015-11-05 14:33:01 -08:00
lilia
78a2b74297
Restyle attachment previews
...
Closes #380
// FREEBIE
2015-10-29 18:19:51 -07:00
lilia
cbc82a95f7
Refactor pending/sent/delivered state markup & css
...
No need for separate elements since we only ever display one of these
states at a time.
// FREEBIE
2015-10-28 14:13:15 -07:00
lilia
c77391b3f2
Sinewave animation for pending requests
...
Tryin it on for size.
// FREEBIE
2015-10-28 13:57:32 -07:00
lilia
c9e01390a7
Use check/double check for sent/delivered
...
// FREEBIE
2015-10-28 13:01:36 -07:00
lilia
47befdbf61
Messages bubbles with errors are clickable
...
For messages with errors, clicking anywhere inside the bubble takes you
to the message detail view.
// FREEBIE
2015-10-23 17:43:51 -07:00
lilia
4a9fcc38df
Use cursor: pointer on image attachments
...
Because clicking on an image now opens it in a new browser window.
// FREEBIE
2015-10-21 10:27:17 -07:00
lilia
bf81686c6e
Remove gray background from message detail
...
// FREEBIE
2015-10-17 12:23:12 -07:00
lilia
389b9a026d
Initial restyle
...
Added background gradient and restyled conversation elements as floating
panels and cards.
// FREEBIE
2015-10-16 18:14:50 -07:00
lilia
a93b8cea72
Collapse multiple retry buttons
...
If you're going to retry one, you might as well retry everyone.
// FREEBIE
2015-10-10 16:59:52 -07:00
lilia
a32f3ff1f6
More work on replayable errors
...
Expose a button that does that retries outgoing messages if possible.
// FREEBIE
2015-10-02 18:31:07 -07:00
lilia
929c16090b
Move error messages to message detail view
...
Change how message errors are rendered. Errors associated with a number
will be shown under that number in the detail view rather than piling up
in the message bubble.
// FREEBIE
2015-09-30 14:27:18 -07:00
lilia
299bd45cea
Add background color on key verification screen
...
// FREEBIE
2015-09-15 11:01:48 -07:00
codedust
5378cd8602
Fix multiple spaces not beeing displayed in message bubbles
...
Multiple spaces (" ") are displayed by browsers as a single
whitespace character if 'white-space: pre-wrap;' is not set.
2015-09-07 16:35:24 -07:00
codedust
ec4ef9062c
Fix text color and text selection color of outgoing links
...
This will change the text color of outgoing links from blue
to gray to increase the contrast to the background color of the
outgoing message bubble. Also, the text selection color of these
links will be the same as for normal text.
2015-09-07 16:28:15 -07:00
codedust
01b0f96b9a
Fix text selection color of outgiong message bubble contents
...
This will change the text color and the background color of selected
text in outgoing messages to make the selection more noticeable.
::selection and ::-moz-selection have to be seperated into two
selectors because browsers will ignore selectors with partially
unknown syntax.
2015-09-07 16:28:15 -07:00
lilia
24a18e91b3
Clean up shared compose/group update ui
...
Makes the groupupdate and recipient input fields stick to the top,
restyles the typeahead as a floating dropdown list of suggestions
rather than a full width component, fixes group avatar thumbnail
rendering.
// FREEBIE
2015-09-04 13:11:21 -07:00
lilia
fbb50e6621
Change colors and backgrounds
2015-08-27 17:53:50 -07:00
lilia
fbc73c0369
Add spinner for long-loading message lists
2015-08-26 17:30:20 -07:00
lilia
992dfa5b20
Bug fixes for group create flow
...
Fallout from layout change.
// FREEBIE
2015-08-26 17:11:01 -07:00
lilia
d07357ce9a
Retool various sub-screens to fit two-column layout
2015-08-26 15:15:14 -07:00
lilia
d6a4e6e496
Restore two column layout
...
Establishes basic functionality for viewing conversations in two column
mode, including message area and message list resizing, and maintaining
scroll position.
Various subviews need to be retooled but are more or less still
functional, i.e., new message, message detail, key verification, etc...
2015-08-25 17:01:22 -07:00
lilia
001a91466b
Add group member list // Closes #279
2015-08-04 12:15:37 -07:00
lilia
a95b6165f4
Ellipsize long conversation window titles
...
Fixes #304
2015-07-08 14:28:09 -07:00
lilia
fa4022a4e3
Invert pending/sent model
2015-07-07 23:03:56 -07:00
lilia
90fe82a0c0
Fixes #286 Allow selection of message text
...
// FREEBIE
2015-06-26 16:16:13 -07:00
lilia
7d568b5092
Fixup auto-expand
...
* Fix a css bug preventing bottom bar from sticking to the bottom.
* Resize discussion container as a function of the overall window
height. The previous difference-based method gives the wrong result
when the window height changes but the bottom-bar height stays the
same.
// FREEBIE
2015-06-24 12:10:53 -07:00
adambar
da1abd75bf
Remove message textarea resize handle; fix resizing after submit
2015-06-23 22:46:06 +02:00
adambar
07ac0ae9cc
239 Auto-expand message area when typing
2015-06-23 22:45:41 +02:00
lilia
1696898112
Fix avatars in conversation view
...
// FREEBIE
2015-06-19 16:22:57 -07:00
adambar
ada8f77930
Improve behaviors around long messages display
...
On the conversations list, if the last message is too long, cut it with ellipsis (...) instead of going out of the screen.
On the single conversation view, if the message in the bubble contains a word that is longer than a bubble, break it anyway instead of going out of the screen.
2015-06-18 14:14:28 -07:00
lilia
e2eff893d4
Fix 'Delete messages'
...
Replaces window.confirm with generic promise-based confirmation dialog
functionality available to all views.
// FREEBIE
2015-05-26 16:56:05 -07:00
lilia
3e39271220
Render messages light blue until finished sending // Fixes #219
2015-05-26 13:30:51 -07:00
lilia
7bf1d41184
Render conversation titles
2015-05-22 16:54:59 -07:00
lilia
7d481fdc21
Style tweaks for new window chrome
2015-05-21 18:19:09 -07:00
lilia
c3d875305d
Restore delivery receipt checkmarks
2015-03-25 11:40:33 -07:00
lilia
a7079206f4
Nicer looking end-session and group control messages
2015-03-23 15:49:31 -07:00
lilia
20baa795ad
Fixes #198 Squished avatars
...
Refactor all avatar views to use a shared partial, then change it to a
background image. Requires allowing unsafe-inline styles in the CSP.
2015-03-23 14:01:18 -07:00
lilia
897d391817
Improve identity key conflict ux
...
Clicking on a key conflict message opens the message detail view,
which displays the contact(s) in this conversation. If the message
contains a key conflict with any of these contacts, a button is
displayed which attempts to resolve that conflict and any other
conflicts in the conversation that are related to that contact.
2015-03-18 16:29:02 -07:00
lilia
45a053b3a8
Break long links in message bubbles / Fixes #204
2015-03-16 18:08:45 -07:00
lilia
69d5a6a33c
Improve group update ui/ux
...
Promote group update to its own screen. Add typeahead contact selector
from new conversation view. Restyle to match android (more or less).
Closes #186
2015-03-13 17:33:02 -07:00
lilia
8e54aa1401
Plumb contact avatars into conversations
2015-03-11 17:49:01 -07:00
lilia
254131488e
Render emoji in conversation and inbox views.
2015-03-10 18:15:31 -07:00
lilia
7a03c26849
Adjust message bubble tail position
...
It should align with the center of the avatar.
2015-03-05 17:47:32 -08:00
lilia
e2bd55c171
Tweak delivery receipt and timestamp display
...
Checkmark is no longer underlined when hovering over the timestamp.
2015-03-05 16:29:12 -08:00
lilia
441167ab35
Tighten up send btn icon size
2015-03-05 15:49:00 -08:00
lilia
567a48e82b
Adjust widths of bubbles and chat window
...
With these changes, message bubbles in the default-sized chat popup are
just wide enough to display the full complement of html5 media player
controls.
2015-03-04 15:59:28 -08:00
lilia
1311f7c9ae
Fix attachment previews for audio/video files
2015-03-02 18:27:14 -08:00
lilia
c8274d7bc7
Give video elements black backgrounds
2015-03-02 17:53:44 -08:00
lilia
db7dee9a8a
Fixup file size warning
...
Add contentType-specific limits, switch to lazy-init iff we encounter an
oversized file, and restyle as a toast, factoring out a generic
ToastView along the way.
2015-03-02 17:50:03 -08:00
lilia
ddc0ed1b9a
Add audio and video players
...
Basic implementation using html5 audio/video tags and data URIs.
2015-03-02 15:49:14 -08:00
lilia
dcc1588219
Add key verification screen
...
Accessible from the menu on private conversations.
2015-02-26 22:26:46 -08:00
lilia
33b9a11e65
Always overflow: auto
2015-02-26 22:19:06 -08:00
lilia
fd30dc6f1a
Add message detail view
2015-02-23 14:03:35 -08:00
lilia
368cd2f79a
Refactor back button style
...
Make it easier to reuse these styles.
2015-02-23 12:52:15 -08:00
lilia
4945180c12
Constrain .end-session style to the .message-list
...
It was incorrectly being applied to the End Session menu item.
2015-02-19 11:53:33 -08:00
lilia
3292177a96
Remove resize logic in favor of pure css
2015-02-18 23:09:34 -08:00
lilia
4716754209
Refactor content message class names
2015-02-18 00:11:35 -08:00
lilia
367421d40a
Style end session messages
...
Also add a missing call to render()
2015-02-13 16:21:39 -08:00
lilia
eddf4164fa
Hide sender names in private conversations
2015-02-13 11:05:31 -08:00
lilia
96af6b56ef
Handle incoming sync messages
...
Assign them to the correct conversation and mark them outgoing with the
correct timestamp.
Closes #150
2015-02-12 18:17:08 -08:00
lilia
746e6530b9
WIP pill view for selected recipients
2015-02-12 13:21:16 -08:00
lilia
bebe47eacd
Hide our own avatar for consistency with Android
2015-02-12 13:21:15 -08:00
lilia
29bf70b76f
Shrink more styles
...
Shrink font and image size
Shrink converation avatars
Shrink fab
2015-02-12 13:21:08 -08:00
lilia
bffdaf9ceb
Restyle menu icon
2015-02-11 17:38:03 -08:00
lilia
db5e7fd6b6
Fix list view scrolling
...
Resize handlers are ugly. But not as ugly as scroll handlers. :p
Normalized some whitespace along the way.
2015-02-11 17:38:03 -08:00
lilia
ec01d33b50
Reorganize stylesheets and global styles
...
Simplifies the grunt watch task for sass. Renames sass partials with
leading underscores. Flattens stylesheet directory. The only remaining
raw css file is options.css.
Move globally-relevant styles to _global. Shrink overall font size.
2015-02-11 17:38:03 -08:00