Ikarulus
bb5ebf39bd
Changed debug log color in dark theme
...
Fixes #990
2017-01-25 20:40:24 -08:00
lilia
33dc9ca3a3
Make dark theme links lighter and less saturated
...
10% lighter and 10% lower saturation than traditional signal blue
2016-12-03 20:25:59 +01:00
lilia
46254e3c23
Use shades of gray for left pane focus effect
...
Also remove extraneous rule. It is repeated further down the stylesheet,
and overruled by !important.
2016-12-03 20:20:34 +01:00
lilia
09b582bb2b
Darken material colors in dark theme
...
Dark theme uses material colors with value 700 from
https://material.google.com/style/color.html
2016-12-02 11:51:18 +01:00
lilia
ee334d3fcb
Dark theme tweaks
...
* Fixes hourglasses
* Fix delivered status icon
* Other changes aiming for more consistency of visual structure
between light and dark themes.
* Restores left pane header focus/transition effect.
2016-12-02 11:42:56 +01:00
Ikarulus
53cd3af78b
Added a dark theme
...
I added a dark theme in order to solve #328 .
This may fix #328 at least partially.
2016-12-02 00:41:42 +01:00
lilia
35270dbbb4
Use timeout-based animation for hourglasses
...
CSS animations are convenient but costly if you have hundreds of them.
Fixes #945
2016-10-30 16:53:17 +09:00
lilia
9c00a27081
Bump video min-width to include all controls
...
Fixes #960
2016-10-28 15:05:48 +09:00
lilia
7256fe9b6f
Reduce CPU load from css animations
...
On osx this cuts the load in half. We can probably do better with
js-based animations but let this be a quick fix for now.
2016-10-16 16:32:01 +09:00
lilia
e47868129e
Remove unneeded rule
...
No longer needed thanks to previous commit.
2016-10-12 11:02:59 +09:00
lilia
d5431a942f
Simplify and correct message metadata alignment
...
Match left/right adjustment on Android.
Incoming to the left, outgoing to the right.
2016-10-12 10:52:34 +09:00
lilia
657fa2725f
Adjust hourglass vertical alignment
2016-10-11 22:52:40 +09:00
lilia
d6f714defc
Improve capitalization consistency in menus
...
Android uses sentence case. iOS uses title case.
2016-10-08 11:17:08 +09:00
lilia
dddeed8e8f
Split up themes into separate files
2016-10-08 11:10:40 +09:00
lilia
83d285e4ab
Fix style for qr code
2016-10-05 19:11:39 +09:00
lilia
790407d42e
Add qr codes
2016-10-05 19:11:39 +09:00
lilia
7fe708d195
Insert keychange advisories
...
On click, these open a verification panel for the relevant contact,
within this conversation.
// FREEBIE
2016-10-05 19:11:39 +09:00
lilia
1fe90ecdcb
Add frontend for safety numbers approval setting
...
Adds the checkbox under settings.
// FREEBIE
2016-10-05 19:10:20 +09:00
lilia
2b2c6ab040
Frontend for timer updates and timer indicator
2016-09-29 16:17:01 -07:00
lilia
8f76548a53
Invert button styles
...
Make buttons dark by default, and let the android theme styles apply the
inversion.
2016-09-28 17:20:03 -07:00
lilia
4cd2c03687
Add clock svg style
2016-09-28 17:20:03 -07:00
lilia
e809a0cf8b
Breakout timer rendering into its own view
...
Make width and height constant.
2016-09-28 17:20:03 -07:00
lilia
bd713352e3
Hourglass can start at any percentage
...
This breaks the css-purity of our mixin but is necessary in order to
apply the initial offset of the hourglass animation dynamically, since
jquery can't manipulate arbitrary css on psuedo elements.
2016-09-28 17:20:02 -07:00
lilia
5f92ccd524
Render animated hourglass when messages are expiring
2016-09-28 17:20:02 -07:00
lilia
96fd017890
Support for incoming expiring messages
...
When initialized, or when expiration-related attributes change, expiring
messages will set timers to self-destruct. On self-destruct they trigger
'expired' events so that frontend listeners can clean up any collections
and views referencing them.
At startup, load all messages pending expiration so they can start their
timers even if they haven't been loaded in the frontend yet.
Todo: Remove expired conversation snippets from the left pane.
2016-09-28 17:20:02 -07:00
lilia
2fec5ee867
Fix text wrapping on long urls in ios theme
...
// FREEBIE
2016-09-15 15:40:05 -07:00
lilia
6a4b720b89
Make timestamp text selectable
...
Previously we only declared the message body as selectable, but Chrome's
implementation of user-select is a little quirky in that it allows
unselectable text to be copied if you select elements around it. Oddly
enough, styling the entire bubble contents as selectable, including the
timestamp, actually prevents chrome from copying the timestamp text when
it's not supposed to, i.e., when triple-clicking the message body.
Fixes #887
// FREEBIE
2016-09-10 15:02:20 -07:00
lilia
7ed6a1c4f8
Fix sender name color on android
...
// FREEBIE
2016-09-08 17:41:49 -07:00
lilia
1afe50b1db
Make contact sync button quieter
...
// FREEBIE
2016-09-08 12:05:48 -07:00
lilia
d7b6e7c26b
Make group updates and other control messages selectable
...
// FREEBIE
2016-09-07 13:04:45 -07:00
lilia
ab0083f341
Simplify invert-text-color mixin
...
// FREEBIE
2016-09-07 13:04:44 -07:00
lilia
43ccb90a92
Fix size of microphone icon
...
// FREEBIE
2016-09-03 14:38:22 -07:00
lilia
9f034fb698
Fix padding on key-conflicts
...
Error message contents need padding too.
Also make control messages and error message text selectable.
// FREEBIE
2016-09-01 17:41:41 -07:00
lilia
4652c2cff3
Fix selection style
...
// FREEBIE
2016-09-01 15:56:22 -07:00
lilia
f918142742
Fix bubble selection style and toast z-index
...
// FREEBIE
2016-09-01 15:13:27 -07:00
lilia
1c89142752
Customize emoji conversion
...
Use image tags with :emoji: in a title attribute for an optimal
copy/paste ux.
// FREEBIE
2016-09-01 12:55:23 -07:00
lilia
f042378a37
Upgrade emoji support and switch to apple emoji
...
Use emojijs for replacing unicode with image tags for display. We were
already using it to replace colons with unicode. Additionally it has
a companion data repo that is kept up to date with images from all
the common image sets.
// FREEBIE
2016-09-01 11:51:53 -07:00
lilia
262f9d135f
Add subtle border to ios attachments
...
// FREEBIE
2016-09-01 11:51:06 -07:00
lilia
6d0a535f4a
iOS bubble tails
...
// FREEBIE
2016-09-01 11:51:06 -07:00
lilia
65cb7c0e9c
Cleanup colors and focus/active input states
...
// FREEBIE
2016-08-31 15:04:02 -07:00
lilia
b5191e78c3
More themeing
...
Restyle message input and welcome screen
Cleanup search, headers
// FREEBIE
2016-08-30 18:31:03 -07:00
lilia
2e3db91b30
Theme-ify header colors and styles
...
Remove the Signal banner and restyle the search field for ios theme.
// FREEBIE
2016-08-30 18:31:02 -07:00
lilia
6e2ca331a3
Fix ios control messages
...
i.e., session reset messages.
// FREEBIE
2016-08-30 18:31:02 -07:00
lilia
6c05a71424
Tune up ios bubble style
...
// FREEBIE
2016-08-30 18:31:02 -07:00
lilia
7b9894d688
Refactor css to support theming
...
Move away from inline style attributes for setting contact colors.
Apply colors by name via css classes instead. Also lays groundwork
for syncing contact colors.
// FREEBIE
2016-08-30 18:31:02 -07:00
lilia
3aa72d2244
Address large font size edge cases
...
Fix some visual bugs occuring at large font size:
* Contact names break onto the next line after their avatars in
message detail screen
* Settings menu font-size failed to scale
* Handle Content overflow in modals.
// FREEBIE
2016-08-24 16:47:39 -07:00
lilia
41e4154d60
Make font sizes relative
...
So it's easier to adjust them globally.
// FREEBIE
2016-08-24 16:08:29 -07:00
lilia
9fa7e7f462
Remove unused view
...
// FREEBIE
2016-08-24 16:08:29 -07:00
lilia
4f46a164ba
Add voice notes
...
// FREEBIE
2016-08-23 16:16:31 -07:00
bitim
1a0d2595da
Committing corresponding changes to the scss files
2016-07-14 11:13:00 -07:00
bitim
a1eccc2c49
Better RTL languages support:
...
- Fixed text alignment in RTL messages.
- Added support for search box.
- Added support for conversation name.
- Added support for contact name.
- Added support for last message timestamp and last message preview.
//FREEBIE
2016-07-14 11:13:00 -07:00
lilia
61e7b685e6
Make welcome screen prettier
...
// FREEBIE
2016-07-14 11:09:08 -07:00
lilia
c1b8ff9e54
Fix _lightbox.scss
...
// FREEBIE
2016-07-14 10:49:45 -07:00
lilia
9091233950
Open images in a lightbox
...
Adds file-write permission for saving to disk from lightbox.
Fixes #810
// FREEBIE
2016-06-20 11:55:23 -07:00
lilia
f34f6eedef
Add min-width on video elements
...
Such that all the player controls are visible.
Fixes #782
// FREEBIE
2016-06-20 11:55:00 -07:00
lilia
f131505d28
Display numbers in group member list
...
// FREEBIE
2016-06-17 15:30:41 -07:00
lilia
8e1d884a10
Add button for re-importing contacts from phone
...
Add a section under settings for performing a contact sync from your
mobile device. This just re-runs the same import operation that occurs
at install/link time.
// FREEBIE
2016-06-16 16:43:07 -07:00
lilia
dea8983235
Error icons only use pointer-cursor when clickable
...
// FREEBIE
2016-05-26 11:00:24 -07:00
lilia
58c3fe047e
Make error messages clickable
...
// FREEBIE
2016-05-25 20:39:43 -07:00
lilia
0d47a04815
Remove unused style
...
// FREEBIE
2016-05-25 20:35:56 -07:00
lilia
3217f2c0b6
Hide unregistered user errors in groups
...
// FREEBIE
2016-05-25 20:33:40 -07:00
lilia
b6f785737c
Restyle error icons, move them outside the bubble
2016-05-25 20:32:00 -07:00
lilia
b5ddd41a5e
Fix error icon
...
// FREEBIE
2016-04-21 18:36:07 -07:00
lilia
d5dfffd9da
Darken the scrollbar on hover
...
// FREEBIE
2016-04-21 12:06:40 -07:00
lilia
8200780fc2
Don't let timestamps wrap
...
// FREEBIE
2016-04-18 19:15:35 -07:00
lilia
ba22151a31
Unpad message-container on message detail screen
...
// FREEBIE
2016-04-18 19:15:35 -07:00
lilia
826d4c4301
Add magnifying glass to search field // Fixes #737
...
// FREEBIE
2016-04-14 11:57:56 -07:00
lilia
531d1701ef
Move debug log styles to their own file
...
// FREEBIE
2016-04-09 21:09:16 -07:00
lilia
f3de290f7c
Make debug log link focusable/selectable
...
Add button to open in a new tab. Stye as input group.
// FREEBIE
2016-04-09 20:53:39 -07:00
lilia
544a346b10
Remove unused file, stale comments
...
// FREEBIE
2016-04-09 00:20:10 -07:00
lilia
fe62d86d37
Move mixins to a separate file
...
// FREEBIE
2016-04-09 00:17:08 -07:00
lilia
1a06ac6ead
Update install copy
...
// FREEBIE
2016-04-08 15:41:34 -07:00
lilia
a81ab2ca6b
Apply paperclip hover state on focus
...
// FREEBIE
2016-04-07 13:26:02 -07:00
lilia
28c602ab85
Use button for file input / paperclip
...
// FREEBIE
2016-04-07 12:26:21 -07:00
lilia
4bd266521a
Apply button hover effect on focus as well
...
// FREEBIE
2016-04-07 12:23:12 -07:00
lilia
b5a399dc55
Fix up contact list height off by 4px
...
Add some variables so we can actually compute this height instead of
hard coding it.
// FREEBIE
2016-04-06 17:37:37 -07:00
lilia
9aa429e18a
Add frontend support for expiring releases
...
When a release expires, it gets a persistent banner notification to
upgrade, and an ephemeral toast warning when trying to send a message.
// FREEBIE
2016-04-03 21:11:50 -07:00
lilia
e5748b974f
Harmonize x/close buttons
...
// FREEBIE
2016-04-01 15:15:02 -07:00
lilia
6faed3d9d7
Remove unused style
...
// FREEBIE
2016-04-01 14:54:31 -07:00
lilia
4f57dff1e6
Use svg for paperclip icon
...
// FREEBIE
2016-04-01 14:48:04 -07:00
lilia
3488e86190
Remove background color from new contacts
...
// FREEBIE
2016-04-01 14:24:47 -07:00
lilia
6be7b765b2
Harmonize border radii
...
// FREEBIE
2016-04-01 14:24:47 -07:00
lilia
d4174b94f1
Tweak button sizes and menu style
...
Restore previous icon size to header buttons, add padding to accomodate
positioning.
Remove blue border from menus.
// FREEBIE
2016-04-01 14:24:41 -07:00
lilia
d8d34e7afc
Icon upgrade
...
Also remove unused images.
// FREEBIE
2016-04-01 13:59:57 -07:00
lilia
367a62111b
Tweak conversation list active state
...
// FREEBIE
2016-04-01 12:36:50 -07:00
lilia
6a9ec073c6
Decrease bubble radius
...
// FREEBIE
2016-04-01 12:36:50 -07:00
lilia
01ca6b7c3a
Vertically center contact names
...
For contacts/conversations without any messages, center their names
vertically in the conversation list element.
// FREEBIE
2016-04-01 11:37:25 -07:00
lilia
1aa975e199
Differentiate active vs selected conversation states
...
// FREEBIE
2016-04-01 11:37:25 -07:00
lilia
c3a7766dd4
Use normal font size in search bar
...
Also update placeholder copy to be consistent with Android.
// FREEBIE
2016-04-01 10:37:50 -07:00
lilia
d081b301d8
Clean up search outline
...
// FREEBIE
2016-03-27 15:30:10 -07:00
lilia
ab62900e48
Simplify menu markup, tweak styles
...
// FREEBIE
2016-03-24 13:20:50 -07:00
lilia
76652c2622
Update style and copy on key changes
...
// FREEBIE
2016-03-24 13:20:50 -07:00
lilia
3d34cdcc0c
Fix border-color on inactive conversation header
...
// FREEBIE
2016-03-23 17:56:22 -07:00
lilia
1b6eda6a8d
Tighten spacing between bubbles
...
// FREEBIE
2016-03-23 17:54:26 -07:00
lilia
6c35f2a010
Clean up timestamp/status alignment
...
// FREEBIE
2016-03-23 17:54:26 -07:00
lilia
512c5bf739
Incoming bubbles have sender's color background
...
// FREEBIE
2016-03-23 17:41:24 -07:00
lilia
4060221b9c
Make panel scrollbar track persistent
...
The bar is effectively invisible, but having it present means that we
don't see a jarring change in width when the content expands into the
overflow zone and triggers the scrollbar to suddenly appear.
// FREEBIE
2016-03-23 15:28:31 -07:00
lilia
1e3e730d88
Consolidate panel container styling
...
Special case the main panel because it is super speshul.
// FREEBIE
2016-03-23 15:05:38 -07:00
lilia
6fe9c3f964
Nest key verification inside conflict dialogs
...
// FREEBIE
2016-03-23 15:04:42 -07:00
lilia
9f0bcf6ae7
Add top padding to panel containers
...
// FREEBIE
2016-03-23 12:59:59 -07:00
lilia
af1b7552f4
Fix oddly shaped disconnected icon
...
// FREEBIE
2016-03-22 15:38:22 -07:00
lilia
3901bcb8df
Style resend button as an inline link
...
For messages that failed to send due to network errors, this change
allows retrying them directly from the main conversation view rather
than only from the message detail view.
// FREEBIE
2016-03-22 15:38:22 -07:00
lilia
c48484e04f
Add padding to right of conversation input
...
// FREEBIE
2016-03-22 11:30:45 -07:00
lilia
2e7c7ce0cc
Move back button to the left
...
// FREEBIE
2016-03-22 11:01:04 -07:00
lilia
2c4d2b150e
Fix welcome text centering
...
// FREEBIE
2016-03-22 10:34:54 -07:00
lilia
d24eaa655a
Tweak styles on key verification view
...
// FREEBIE
2016-03-21 18:42:05 -07:00
lilia
d3b035121d
Clean up bottom bar styles
...
// FREEBIE
2016-03-21 17:17:39 -07:00
lilia
234f937bc7
Conversation subscreens share a header
...
// FREEBIE
2016-03-21 15:37:53 -07:00
lilia
3e103ffde2
Add x padding on message detail container
...
// FREEBIE
2016-03-21 11:08:15 -07:00
lilia
4358bdfac7
Use url xor color on avatar, never both
...
Combining them often leaves a crufty colored ring on the outer edge of
the avatar image.
// FREEBIE
2016-03-21 11:07:58 -07:00
lilia
d391f07c1e
Change right header color
...
// FREEBIE
2016-03-21 11:03:50 -07:00
lilia
dd943163fe
Increase message list padding
...
// FREEBIE
2016-03-21 00:25:06 -07:00
lilia
f81d882213
Apply 0.5s transition on header colors
...
// FREEBIE
2016-03-20 23:46:31 -07:00
lilia
f72c1dff13
Adjust font colors
...
// FREEBIE
2016-03-20 23:36:45 -07:00
lilia
b094607e0d
Highlight bottom bar when focused
...
// FREEBIE
2016-03-20 23:15:21 -07:00
lilia
8bb8ed8151
Change left pane header color
...
// FREEBIE
2016-03-20 21:01:45 -07:00
lilia
85fa71b940
Make avatar letters bigger
...
// FREEBIE
2016-03-18 18:02:58 -07:00
lilia
928c19a476
Tighten up left pane layout style
...
// FREEBIE
2016-03-18 18:02:43 -07:00
lilia
7310afd1b4
Replace message list loading spinner with bar
...
// FREEBIE
2016-03-18 17:59:54 -07:00
lilia
647c2761e0
Move restart button into global menu
...
// FREEBIE
2016-03-18 16:21:55 -07:00
lilia
c16356084d
Align header buttons and touch up styles
...
// FREEBIE
2016-03-18 15:54:40 -07:00
lilia
18a5ce8e54
Restyle conversation panel
...
// FREEBIE
2016-03-18 13:09:45 -07:00
lilia
043a3f9609
New layout
...
Move the global header inside the left pane only, expand conversation
panels to full bleed, restyle conversation list items and selected state.
// FREEBIE
2016-03-18 11:30:27 -07:00
lilia
83b25c0bfa
Capitalize menu items in English
...
Because capitalization plays differently in other languages.
// FREEBIE
2016-02-22 15:44:40 -08:00
lilia
a962d97bfb
Fix debug log submission loading UX
...
This flow broke a bit with transition to modal debug log.
Restructure such that the loading class can be applied to an appropriate
element inside the modal. Ensure that the input elements are hidden when
submit is clicked, the result elements are shown when the log upload is
completed.
// FREEBIE
2016-02-22 12:48:06 -08:00
lilia
7f8c76faca
Make debug log as big as possible
...
Tweak style to make the modal reasonably wide/tall, and use flexbox
to automatically expand the textarea.
// FREEBIE
2016-02-22 12:41:49 -08:00
lilia
de745c3ba0
Fix menu overlap issue
...
The button for the conversation menu was rendering on top of the global
menu since the global menu was part of a position-fixed element and thus
except from the normal document flow.
// FREEBIE
2016-02-22 11:01:47 -08:00
lilia
34d50f94a9
Make window unscrollable // Fixes #692
...
// FREEBIE
2016-02-22 10:47:48 -08:00
lilia
f4387cc231
Remove obsolete style rules
...
// FREEBIE
2016-02-19 17:34:59 -08:00
lilia
bc9436f90d
Capitalize menu items
...
// FREEBIE
2016-02-19 17:34:59 -08:00
lilia
636c0f2a60
Put debug log in a modal
...
Also dedupe close-button style
// FREEBIE
2016-02-19 17:34:59 -08:00
lilia
78603259c1
Center conversation tile in the main pane
...
Also fixes a visual bug with debug log and other overlays which wouldn't
cover the right edge of a very wide window.
// FREEBIE
2016-02-19 17:34:59 -08:00
lilia
33fde3d4e7
Dedupe modal styles
...
// FREEBIE
2016-02-19 17:34:59 -08:00
lilia
a3c6061480
Add Notification Settings
...
Fixes #471
// FREEBIE
2016-02-18 12:22:43 -08:00
lilia
4ab2e25df6
Refactor Contact and Conflict views
...
Untangle these two views into their component parts, consolidating all
the key conflict logic in the key conflict view. Contact view now simply
renders basic contact info and miscellaneous errors but not conflicts or
message errors.
// FREEBIE
2016-02-18 12:22:43 -08:00
lilia
f221921127
Tweak conflict style
...
// FREEBIE
2016-02-18 12:22:42 -08:00
lilia
28c763992a
Move error indicators on message bubbles
...
// FREEBIE
2016-02-18 12:22:42 -08:00
lilia
5340791868
Display key conflict dialog inline
...
One less modal.
// FREEBIE
2016-02-18 12:22:42 -08:00
lilia
ad66da9fb5
Move identity conflicts to top of message detail
...
Also restyle them as with network errors
// FREEBIE
2016-02-18 12:22:42 -08:00
lilia
b5058e3981
Make network errors & resend button more prominent
...
// FREEBIE
2016-02-18 12:22:41 -08:00
lilia
f5436a5123
Clicking on message status icon opens detail view
...
Additionally, hovering over it will apply cursor: pointer. Previously
only the timestamp exhibited this behavior.
// FREEBIE
2016-02-18 12:22:41 -08:00
lilia
5100cd392d
Remove empty css rule
...
// FREEBIE
2016-02-12 17:25:18 -08:00
lilia
4cc8e6d2ff
Remove bootstrap
...
Once upon a time, bootstrap was used to quickly style the registration
page, and then it wasn't. The end.
// FREEBIE
2016-02-01 15:54:23 -08:00
Sam Lanning
85d6bc7533
Fix avatar floating over debug log
...
bug introduced in: 0569d4c
This z-index property was previously to ensure the avatar floated above message
bubbles, but the message bubbles always have enough left margin so this
property is not needed.
fixes #650
// FREEBIE
2016-01-29 14:49:11 +00:00
lilia
f1335d65f5
Fix confirmation dialog z-index
...
The large avatar icon on conversations was being rendered on top of the
confirmation dialog.
// FREEBIE
2016-01-26 18:23:57 -08:00
lilia
2f03768abb
Reduce conversation bottom padding
...
Revert inadvertent visual change introduced with vertical flex styling
in 0569d4c
.
// FREEBIE
2016-01-25 14:59:35 -08:00
Sam Lanning
1360349156
Consolidate .message-list styling
...
There was some lone .message-list styling that i've brought up to the logical
place in the stylesheet.
// FREEBIE
2016-01-25 14:37:04 -08:00
Sam Lanning
0569d4c889
Replace conversation panel js resizing with flex styling.
...
// FREEBIE
2016-01-25 14:37:03 -08:00
Sam Lanning
496604a448
Tidied up_conversation.scss a little for the conversation view.
...
// FREEBIE
2016-01-25 14:37:03 -08:00
Sam Lanning
d091c6ddda
Added more gray color variables (to compensate for inconsistent compiling)
...
// FREEBIE
2016-01-25 14:33:38 -08:00