Commit Graph

88 Commits (1321a906673ce733f99c6555a93b89a08d26da91)

Author SHA1 Message Date
lilia 8ee282b1aa Restyle registration page
When first intalling, users will no longer be presented with the option
to register as a standalone client.

For developer convenience, the standalone form can still be found at
chrome-extension://.../register.html

Closes #159
10 years ago
lilia 7a03c26849 Adjust message bubble tail position
It should align with the center of the avatar.
10 years ago
lilia e2bd55c171 Tweak delivery receipt and timestamp display
Checkmark is no longer underlined when hovering over the timestamp.
10 years ago
lilia 441167ab35 Tighten up send btn icon size 10 years ago
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.
10 years ago
lilia 1311f7c9ae Fix attachment previews for audio/video files 10 years ago
lilia c8274d7bc7 Give video elements black backgrounds 10 years ago
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.
10 years ago
lilia ddc0ed1b9a Add audio and video players
Basic implementation using html5 audio/video tags and data URIs.
10 years ago
lilia dcc1588219 Add key verification screen
Accessible from the menu on private conversations.
10 years ago
lilia 33b9a11e65 Always overflow: auto 10 years ago
lilia fd30dc6f1a Add message detail view 10 years ago
lilia 368cd2f79a Refactor back button style
Make it easier to reuse these styles.
10 years ago
lilia d0392a3e04 Refactor title bar text style 10 years ago
lilia 4945180c12 Constrain .end-session style to the .message-list
It was incorrectly being applied to the End Session menu item.
10 years ago
lilia 3292177a96 Remove resize logic in favor of pure css 10 years ago
lilia 7231bcd5ce Flesh out font faces 10 years ago
lilia 4716754209 Refactor content message class names 10 years ago
lilia 367421d40a Style end session messages
Also add a missing call to render()
10 years ago
lilia eddf4164fa Hide sender names in private conversations 10 years ago
lilia 96af6b56ef Handle incoming sync messages
Assign them to the correct conversation and mark them outgoing with the
correct timestamp.

Closes #150
10 years ago
lilia 746e6530b9 WIP pill view for selected recipients 10 years ago
lilia eaf3d46c1f Make 'New Message' view match new title bar style
Make text blue and light weight. Update back button colors to match.
10 years ago
lilia bebe47eacd Hide our own avatar for consistency with Android 10 years ago
lilia 29bf70b76f Shrink more styles
Shrink font and image size
Shrink converation avatars
Shrink fab
10 years ago
lilia bffdaf9ceb Restyle menu icon 10 years ago
lilia db5e7fd6b6 Fix list view scrolling
Resize handlers are ugly. But not as ugly as scroll handlers. :p
Normalized some whitespace along the way.
10 years ago
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.
10 years ago
lilia 33c0f5b274 Change title bar color 10 years ago
lilia 374fa044af Shrink some styles
Group update font and sender names should be smaller.
10 years ago
lilia 1334032a89 Add hidden group update form to new conversation view 10 years ago
lilia d7436aaebe Adjust conversation menu styles 10 years ago
lilia b1ad04298f Add title bar label to new conversation view 10 years ago
lilia b13e36a11c Style conversation menu 10 years ago
lilia eacca80a7d Don't let contact details wrap in skinny windows 10 years ago
lilia 6d81011f6a Add back button to compose view 10 years ago
lilia fedfdcdd7e Style elements for compose flow 10 years ago
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.
10 years ago
lilia 19ee28209d Restore delivery receipt checkmark 10 years ago
lilia 00e9e3b757 Setup loading gif on conversation list
TODO: get actual gif asset in there.
10 years ago
lilia ee34e446e6 Label new-contact block 10 years ago
lilia f504087603 Move index styles to their own file 10 years ago
lilia 613dc3bedd Start on support for messaging a brand new contact 10 years ago
lilia c6a19afd29 Tweak contact style in typeahead
Remove message snippets and dates.
Add checkboxes.
10 years ago
lilia 79b4c89ce4 Fixup attachment preview 10 years ago
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.
10 years ago
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.
10 years ago
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.
10 years ago
lilia 7827c4c591 Restore default avatars on the index 10 years ago
lilia 5821e0ddee Add fonts so we don't have to hit googlefonts 10 years ago