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
d0392a3e04
Refactor title bar text style
2015-02-23 12:07:06 -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
7231bcd5ce
Flesh out font faces
2015-02-18 16:25:39 -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
eaf3d46c1f
Make 'New Message' view match new title bar style
...
Make text blue and light weight. Update back button colors to match.
2015-02-12 13:21:15 -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
lilia
33c0f5b274
Change title bar color
2015-02-11 17:38:03 -08:00
lilia
374fa044af
Shrink some styles
...
Group update font and sender names should be smaller.
2015-02-11 17:38:03 -08:00
lilia
1334032a89
Add hidden group update form to new conversation view
2015-02-11 17:38:01 -08:00
lilia
d7436aaebe
Adjust conversation menu styles
2015-02-11 17:38:00 -08:00
lilia
b1ad04298f
Add title bar label to new conversation view
2015-02-11 17:38:00 -08:00
lilia
b13e36a11c
Style conversation menu
2015-02-11 17:38:00 -08:00
lilia
eacca80a7d
Don't let contact details wrap in skinny windows
2015-02-11 17:38:00 -08:00
lilia
6d81011f6a
Add back button to compose view
2015-02-11 17:38:00 -08:00
lilia
fedfdcdd7e
Style elements for compose flow
2015-02-11 17:37:59 -08:00
lilia
e52c7a3e2c
Remove stubborn width calculation
...
It's making my typeahead contact details wrap onto the next line and
doesn't seem to be adding much value.
2015-02-11 17:37:59 -08:00
lilia
19ee28209d
Restore delivery receipt checkmark
2015-02-11 17:37:59 -08:00
lilia
00e9e3b757
Setup loading gif on conversation list
...
TODO: get actual gif asset in there.
2015-02-11 17:37:59 -08:00
lilia
ee34e446e6
Label new-contact block
2015-02-11 17:37:59 -08:00
lilia
f504087603
Move index styles to their own file
2015-02-11 17:37:59 -08:00
lilia
613dc3bedd
Start on support for messaging a brand new contact
2015-02-11 17:37:59 -08:00
lilia
c6a19afd29
Tweak contact style in typeahead
...
Remove message snippets and dates.
Add checkboxes.
2015-02-11 17:37:58 -08:00
lilia
79b4c89ce4
Fixup attachment preview
2015-02-11 17:37:58 -08:00
lilia
a2f5f734b3
Set up index.scss
...
This file is for index page styles. Start by offsetting the gutter so
the title bar doesn't obscure the first entry.
2015-02-11 17:37:58 -08:00
lilia
58e7f3c7e1
Fix file input click zone
...
Previously, the ugly file input was hidden with opacity, and styled as a
square paperclip icon, but its drop and click zones were not constrained
to the visible square. They remained active across the whole 'Choose
File' button, which overlapped with the textarea. Instead, hide the file
input complete (display: none) and transmit click events from the
paperclip to the input programmatically.
Eventually, we'll need to address drag and drop events, but I want to do
that at the window level. Otherwise dropping a file outside the file
input drop zone causes the browser to navigate to the file://... url.
2015-02-11 17:37:57 -08:00
lilia
8498d7ad1f
Fixup conversation page styles and functionality
...
Render the entire conversation from a template, because some parts of it
must be rendered conditionally if it is a group vs private conversation.
Also apply some style fixes and restore lost functionality:
* Make conversation title bar fixed.
* Widens message bubbles.
* Unhide message list.
* Restore attachment rendering.
* Restore message sending and attachment file selection.
* Style attachments file input as a paperclip.
* Style send button like on Android and make it a submit input.
2015-02-11 17:37:57 -08:00
lilia
7827c4c591
Restore default avatars on the index
2015-02-11 17:37:57 -08:00
lilia
5821e0ddee
Add fonts so we don't have to hit googlefonts
2015-02-11 17:37:57 -08:00
Riley Shaw
94ce4d4b91
Simplify panel state management and message passing
2015-02-11 17:37:56 -08:00
