Ikarulus
53cd3af78b
Added a dark theme
...
I added a dark theme in order to solve #328 .
This may fix #328 at least partially.
8 years ago
lilia
35270dbbb4
Use timeout-based animation for hourglasses
...
CSS animations are convenient but costly if you have hundreds of them.
Fixes #945
9 years ago
lilia
9c00a27081
Bump video min-width to include all controls
...
Fixes #960
9 years ago
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.
9 years ago
lilia
e47868129e
Remove unneeded rule
...
No longer needed thanks to previous commit.
9 years ago
lilia
d5431a942f
Simplify and correct message metadata alignment
...
Match left/right adjustment on Android.
Incoming to the left, outgoing to the right.
9 years ago
lilia
657fa2725f
Adjust hourglass vertical alignment
9 years ago
lilia
d6f714defc
Improve capitalization consistency in menus
...
Android uses sentence case. iOS uses title case.
9 years ago
lilia
dddeed8e8f
Split up themes into separate files
9 years ago
lilia
83d285e4ab
Fix style for qr code
9 years ago
lilia
790407d42e
Add qr codes
9 years ago
lilia
7fe708d195
Insert keychange advisories
...
On click, these open a verification panel for the relevant contact,
within this conversation.
// FREEBIE
9 years ago
lilia
1fe90ecdcb
Add frontend for safety numbers approval setting
...
Adds the checkbox under settings.
// FREEBIE
9 years ago
lilia
2b2c6ab040
Frontend for timer updates and timer indicator
9 years ago
lilia
8f76548a53
Invert button styles
...
Make buttons dark by default, and let the android theme styles apply the
inversion.
9 years ago
lilia
4cd2c03687
Add clock svg style
9 years ago
lilia
e809a0cf8b
Breakout timer rendering into its own view
...
Make width and height constant.
9 years ago
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.
9 years ago
lilia
5f92ccd524
Render animated hourglass when messages are expiring
9 years ago
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.
9 years ago
lilia
2fec5ee867
Fix text wrapping on long urls in ios theme
...
// FREEBIE
9 years ago
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
9 years ago
lilia
7ed6a1c4f8
Fix sender name color on android
...
// FREEBIE
9 years ago
lilia
1afe50b1db
Make contact sync button quieter
...
// FREEBIE
9 years ago
lilia
d7b6e7c26b
Make group updates and other control messages selectable
...
// FREEBIE
9 years ago
lilia
ab0083f341
Simplify invert-text-color mixin
...
// FREEBIE
9 years ago
lilia
43ccb90a92
Fix size of microphone icon
...
// FREEBIE
9 years ago
lilia
9f034fb698
Fix padding on key-conflicts
...
Error message contents need padding too.
Also make control messages and error message text selectable.
// FREEBIE
9 years ago
lilia
4652c2cff3
Fix selection style
...
// FREEBIE
9 years ago
lilia
f918142742
Fix bubble selection style and toast z-index
...
// FREEBIE
9 years ago
lilia
1c89142752
Customize emoji conversion
...
Use image tags with :emoji: in a title attribute for an optimal
copy/paste ux.
// FREEBIE
9 years ago
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
9 years ago
lilia
262f9d135f
Add subtle border to ios attachments
...
// FREEBIE
9 years ago
lilia
6d0a535f4a
iOS bubble tails
...
// FREEBIE
9 years ago
lilia
65cb7c0e9c
Cleanup colors and focus/active input states
...
// FREEBIE
9 years ago
lilia
b5191e78c3
More themeing
...
Restyle message input and welcome screen
Cleanup search, headers
// FREEBIE
9 years ago
lilia
2e3db91b30
Theme-ify header colors and styles
...
Remove the Signal banner and restyle the search field for ios theme.
// FREEBIE
9 years ago
lilia
6e2ca331a3
Fix ios control messages
...
i.e., session reset messages.
// FREEBIE
9 years ago
lilia
6c05a71424
Tune up ios bubble style
...
// FREEBIE
9 years ago
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
9 years ago
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
9 years ago
lilia
41e4154d60
Make font sizes relative
...
So it's easier to adjust them globally.
// FREEBIE
9 years ago
lilia
9fa7e7f462
Remove unused view
...
// FREEBIE
9 years ago
lilia
4f46a164ba
Add voice notes
...
// FREEBIE
9 years ago
bitim
1a0d2595da
Committing corresponding changes to the scss files
9 years ago
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
9 years ago
lilia
61e7b685e6
Make welcome screen prettier
...
// FREEBIE
9 years ago
lilia
c1b8ff9e54
Fix _lightbox.scss
...
// FREEBIE
9 years ago
lilia
9091233950
Open images in a lightbox
...
Adds file-write permission for saving to disk from lightbox.
Fixes #810
// FREEBIE
9 years ago
lilia
f34f6eedef
Add min-width on video elements
...
Such that all the player controls are visible.
Fixes #782
// FREEBIE
9 years ago
lilia
f131505d28
Display numbers in group member list
...
// FREEBIE
9 years ago
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
9 years ago
lilia
dea8983235
Error icons only use pointer-cursor when clickable
...
// FREEBIE
9 years ago
lilia
58c3fe047e
Make error messages clickable
...
// FREEBIE
9 years ago
lilia
0d47a04815
Remove unused style
...
// FREEBIE
9 years ago
lilia
3217f2c0b6
Hide unregistered user errors in groups
...
// FREEBIE
9 years ago
lilia
b6f785737c
Restyle error icons, move them outside the bubble
9 years ago
lilia
b5ddd41a5e
Fix error icon
...
// FREEBIE
9 years ago
lilia
d5dfffd9da
Darken the scrollbar on hover
...
// FREEBIE
9 years ago
lilia
8200780fc2
Don't let timestamps wrap
...
// FREEBIE
9 years ago
lilia
ba22151a31
Unpad message-container on message detail screen
...
// FREEBIE
9 years ago
lilia
826d4c4301
Add magnifying glass to search field // Fixes #737
...
// FREEBIE
9 years ago
lilia
531d1701ef
Move debug log styles to their own file
...
// FREEBIE
9 years ago
lilia
f3de290f7c
Make debug log link focusable/selectable
...
Add button to open in a new tab. Stye as input group.
// FREEBIE
9 years ago
lilia
544a346b10
Remove unused file, stale comments
...
// FREEBIE
9 years ago
lilia
fe62d86d37
Move mixins to a separate file
...
// FREEBIE
9 years ago
lilia
1a06ac6ead
Update install copy
...
// FREEBIE
9 years ago
lilia
a81ab2ca6b
Apply paperclip hover state on focus
...
// FREEBIE
9 years ago
lilia
28c602ab85
Use button for file input / paperclip
...
// FREEBIE
9 years ago
lilia
4bd266521a
Apply button hover effect on focus as well
...
// FREEBIE
9 years ago
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
9 years ago
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
9 years ago
lilia
e5748b974f
Harmonize x/close buttons
...
// FREEBIE
9 years ago
lilia
6faed3d9d7
Remove unused style
...
// FREEBIE
9 years ago
lilia
4f57dff1e6
Use svg for paperclip icon
...
// FREEBIE
9 years ago
lilia
3488e86190
Remove background color from new contacts
...
// FREEBIE
9 years ago
lilia
6be7b765b2
Harmonize border radii
...
// FREEBIE
9 years ago
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
9 years ago
lilia
d8d34e7afc
Icon upgrade
...
Also remove unused images.
// FREEBIE
9 years ago
lilia
367a62111b
Tweak conversation list active state
...
// FREEBIE
9 years ago
lilia
6a9ec073c6
Decrease bubble radius
...
// FREEBIE
9 years ago
lilia
01ca6b7c3a
Vertically center contact names
...
For contacts/conversations without any messages, center their names
vertically in the conversation list element.
// FREEBIE
9 years ago
lilia
1aa975e199
Differentiate active vs selected conversation states
...
// FREEBIE
9 years ago
lilia
c3a7766dd4
Use normal font size in search bar
...
Also update placeholder copy to be consistent with Android.
// FREEBIE
9 years ago
lilia
d081b301d8
Clean up search outline
...
// FREEBIE
9 years ago
lilia
ab62900e48
Simplify menu markup, tweak styles
...
// FREEBIE
9 years ago
lilia
76652c2622
Update style and copy on key changes
...
// FREEBIE
9 years ago
lilia
3d34cdcc0c
Fix border-color on inactive conversation header
...
// FREEBIE
9 years ago
lilia
1b6eda6a8d
Tighten spacing between bubbles
...
// FREEBIE
9 years ago
lilia
6c35f2a010
Clean up timestamp/status alignment
...
// FREEBIE
9 years ago
lilia
512c5bf739
Incoming bubbles have sender's color background
...
// FREEBIE
9 years ago
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
9 years ago
lilia
1e3e730d88
Consolidate panel container styling
...
Special case the main panel because it is super speshul.
// FREEBIE
9 years ago
lilia
6fe9c3f964
Nest key verification inside conflict dialogs
...
// FREEBIE
9 years ago
lilia
9f0bcf6ae7
Add top padding to panel containers
...
// FREEBIE
9 years ago
lilia
af1b7552f4
Fix oddly shaped disconnected icon
...
// FREEBIE
9 years ago
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
9 years ago
lilia
c48484e04f
Add padding to right of conversation input
...
// FREEBIE
9 years ago
lilia
2e7c7ce0cc
Move back button to the left
...
// FREEBIE
9 years ago
lilia
2c4d2b150e
Fix welcome text centering
...
// FREEBIE
9 years ago
lilia
d24eaa655a
Tweak styles on key verification view
...
// FREEBIE
9 years ago
lilia
d3b035121d
Clean up bottom bar styles
...
// FREEBIE
9 years ago
lilia
234f937bc7
Conversation subscreens share a header
...
// FREEBIE
9 years ago
lilia
3e103ffde2
Add x padding on message detail container
...
// FREEBIE
9 years ago
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
9 years ago
lilia
d391f07c1e
Change right header color
...
// FREEBIE
9 years ago
lilia
dd943163fe
Increase message list padding
...
// FREEBIE
9 years ago
lilia
f81d882213
Apply 0.5s transition on header colors
...
// FREEBIE
9 years ago
lilia
f72c1dff13
Adjust font colors
...
// FREEBIE
9 years ago
lilia
b094607e0d
Highlight bottom bar when focused
...
// FREEBIE
9 years ago
lilia
8bb8ed8151
Change left pane header color
...
// FREEBIE
9 years ago
lilia
85fa71b940
Make avatar letters bigger
...
// FREEBIE
9 years ago
lilia
928c19a476
Tighten up left pane layout style
...
// FREEBIE
9 years ago
lilia
7310afd1b4
Replace message list loading spinner with bar
...
// FREEBIE
9 years ago
lilia
647c2761e0
Move restart button into global menu
...
// FREEBIE
9 years ago
lilia
c16356084d
Align header buttons and touch up styles
...
// FREEBIE
9 years ago
lilia
18a5ce8e54
Restyle conversation panel
...
// FREEBIE
9 years ago
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
9 years ago
lilia
83b25c0bfa
Capitalize menu items in English
...
Because capitalization plays differently in other languages.
// FREEBIE
9 years ago
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
9 years ago
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
9 years ago
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
9 years ago
lilia
34d50f94a9
Make window unscrollable // Fixes #692
...
// FREEBIE
9 years ago
lilia
f4387cc231
Remove obsolete style rules
...
// FREEBIE
9 years ago
lilia
bc9436f90d
Capitalize menu items
...
// FREEBIE
9 years ago
lilia
636c0f2a60
Put debug log in a modal
...
Also dedupe close-button style
// FREEBIE
9 years ago
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
9 years ago
lilia
33fde3d4e7
Dedupe modal styles
...
// FREEBIE
9 years ago
lilia
a3c6061480
Add Notification Settings
...
Fixes #471
// FREEBIE
9 years ago
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
9 years ago
lilia
f221921127
Tweak conflict style
...
// FREEBIE
9 years ago
lilia
28c763992a
Move error indicators on message bubbles
...
// FREEBIE
9 years ago
lilia
5340791868
Display key conflict dialog inline
...
One less modal.
// FREEBIE
9 years ago
lilia
ad66da9fb5
Move identity conflicts to top of message detail
...
Also restyle them as with network errors
// FREEBIE
9 years ago
lilia
b5058e3981
Make network errors & resend button more prominent
...
// FREEBIE
9 years ago
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
9 years ago
lilia
5100cd392d
Remove empty css rule
...
// FREEBIE
9 years ago
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
9 years ago
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
9 years ago
lilia
f1335d65f5
Fix confirmation dialog z-index
...
The large avatar icon on conversations was being rendered on top of the
confirmation dialog.
// FREEBIE
9 years ago
lilia
2f03768abb
Reduce conversation bottom padding
...
Revert inadvertent visual change introduced with vertical flex styling
in 0569d4c
.
// FREEBIE
9 years ago
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
9 years ago
Sam Lanning
0569d4c889
Replace conversation panel js resizing with flex styling.
...
// FREEBIE
9 years ago
Sam Lanning
496604a448
Tidied up_conversation.scss a little for the conversation view.
...
// FREEBIE
9 years ago
Sam Lanning
d091c6ddda
Added more gray color variables (to compensate for inconsistent compiling)
...
// FREEBIE
9 years ago
Sam Lanning
c4a9ac94b4
Improve Confirmation Dialog
...
Some basic modifications to the Confirmation Dialog:
* Always attached to <body> regardless of view that called it.
* Always centered horizontally on screen.
* A black semi-transparent overlay is now displayed over everything, and under
the dialog.
* Various other style changes.
fixes #389
// FREEBIE
9 years ago
lilia
da8472b638
Use inherited font-family on the message input
...
Chrome's UA stylesheet defaults font-family to monospace on textareas.
The only other textarea at the moment is the debug log, where monospace
is actually nice to have since it's more scannable.
// FREEBIE
9 years ago
lilia
05681ce35b
Don't render placeholder markup unless necessary
...
Rather than always rendering divs for the key and placeholder, render
the placeholder only if the key is missing.
// FREEBIE
9 years ago
jakob
6c7f2cf0fc
Show help text for unknown contact identity
...
Adds a new message string "theirIdentityUnknown".
Fixes #576
// FREEBIE
9 years ago
José Pedro Arvela
b2948e541e
Remove border around window
...
Remove the 1px gray border around the window. This allows to the window to integrate seamlessly with custom window managers which use the background color for the titlebar.
9 years ago