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
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
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
lilia
881aa1685d
Fix up unsupported attachment rendering
...
Rather than simply displaying an inactionable error, render a link that
allows the user to save the unsupported attachment.
// FREEBIE
9 years ago
lilia
7215afb6c7
Resize paperclip.png
...
// FREEBIE
9 years ago
lilia
0009a50d4d
Clean up css style
...
Use a variable and remove a space.
// FREEBIE
9 years ago
Wasseranomalie
2618c8095e
Let container-div fit in key-verification-window
...
// FREEBIE
9 years ago
lilia
adf919e0fe
Make fingerprints selectable
...
Fixes #500
Closes #501
// FREEBIE
9 years ago
lilia
61a57a753b
Provide user feedback when number is invalid
...
While typing a number, the new contact element is faded out. When the
number becomes valid it is opaque. If the element is clicked while
invalid, it displays 'Invalid number' and waits for the input to change
again. A new conversation is only opened if the number is valid.
// FREEBIE
9 years ago
Jake McGinty
d914f4affe
change attachment icon
...
// FREEBIE
9 years ago
OdysseasKr
c1300fc014
Add styling for the file input area
...
The file input area has a transparent border. When a file is dragged
above that area, the border turns blue. This helps the user understand
that this is the correct drop-off area.
9 years ago
mad-de
4e416c6cbf
Set textarea size to 100 % - button
9 years ago
mad-de
97d8d11ae0
Set search-cancel-pointer to hand
...
Nicer looking and more intuitive
// FREEBIE
9 years ago
lilia
88ec5970d5
Normalize message input font size
...
Fixes #465
// FREEBIE
10 years ago