Nad Chishtie
a829bc901c
Updated CSS syntax to avoid 'transparent black'.
2018-12-18 17:59:46 +00:00
Travis Ralston
ef60a34180
Clean up and follow code style
2018-12-18 10:53:37 -07:00
Bruno Windels
1d43712a8f
Merge branch 'experimental' into nadonomy/icons
2018-12-18 18:22:24 +01:00
Bruno Windels
2ad9f45655
add badge with dot to rm button, so it catches your eye better
2018-12-18 17:56:05 +01:00
Nad Chishtie
074c96cd3e
First pass of normalising icons.
2018-12-18 16:48:20 +00:00
Bruno Windels
6653236543
Merge pull request #2368 from matrix-org/bwindels/fixloginfield
...
Redesign: Fix login field looking inline
2018-12-18 16:19:52 +00:00
Bruno Windels
c917b4038b
scope default input style rules to MatrixChat
2018-12-18 17:02:48 +01:00
Bruno Windels
f0a412e721
fix docs
2018-12-18 14:32:46 +01:00
Bruno Windels
12a339fe10
change subroomlist min height, as roomtiles are smaller now
2018-12-18 14:32:26 +01:00
Bruno Windels
affe75fd3f
make scroll indicator gradient smaller (40px->30px)
2018-12-18 14:31:59 +01:00
J. Ryan Stinnett
acc2e98355
Add New Recovery Method dialog
...
Adds a New Recovery Method dialog which is shown when key backup fails because
of a version mismatch / version not found error.
The set up button in the dialog currently only marks a device as verified (via a
verification prompt) instead of the eventual restore and cross-sign flow, since
those pieces don't exist yet.
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-18 10:20:12 +00:00
Bruno Windels
0496ed535c
have a bit more space between rooms
2018-12-17 14:35:11 +01:00
Bruno Windels
242b0c21ac
make avatar 24px and tile height 32px
2018-12-17 14:03:48 +01:00
Bruno Windels
6c1639b2ce
dont hardcode avatar container dimensions
2018-12-17 14:03:28 +01:00
Travis Ralston
7b0766a303
Apply 50% opacity to the checkmark when there is no status
2018-12-14 13:49:35 -07:00
Bruno Windels
e4d2b6f2b7
fix resize handles being too thick on edge (hopefully)
2018-12-14 17:06:00 +01:00
Bruno Windels
2afdb04db5
prevent jumping on when hovering over invited section
2018-12-14 17:05:01 +01:00
Travis Ralston
c6f35428d7
Update checkmark icon
2018-12-13 09:37:54 -07:00
J. Ryan Stinnett
15366fbb0a
Change room recovery reminder button style
...
Change the button to a transparent background so that it's less prominent and
you focus on the primary button instead.
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-13 16:36:55 +00:00
Travis Ralston
96300b45b7
Merge pull request #2336 from matrix-org/travis/notif-button
...
Show the number of unread notifications above the bell on the right
2018-12-13 08:16:48 -07:00
Bruno Windels
0ffd77762a
make menu option look somewhat better
2018-12-13 13:02:35 +01:00
Bruno Windels
b0c84591d7
show focus glow below dialogs (at z-index 4000)
2018-12-13 13:01:59 +01:00
Bruno Windels
f593bff3c3
show right panel tabs inside panel instead of room header in grid mode
2018-12-13 13:01:59 +01:00
Bruno Windels
ec070ea782
use % instead of fr units for grid, make size independant of content
2018-12-13 13:01:59 +01:00
Bruno Windels
74becf71d8
add right panel back to grid view
2018-12-13 13:01:59 +01:00
Bruno Windels
2ceef00944
style active room rect, and make it not jump
2018-12-13 13:01:59 +01:00
Bruno Windels
cf0f75cad4
allow changing active room in grid by clicking it
2018-12-13 13:01:59 +01:00
Bruno Windels
fdd324a943
basic divider lines for tiles
2018-12-13 13:01:59 +01:00
Bruno Windels
d4748c91df
add first draft of RoomGridView
2018-12-13 13:01:59 +01:00
Travis Ralston
b0b7932f5f
Move status context menu to its own component
...
This fixes a lot of the state bugs such as buttons not updating, etc.
This commit also adds the border around the avatar to indicate a status is set.
2018-12-12 22:26:39 -07:00
Travis Ralston
99f5b9e39b
Misc cleanup of whitespace
2018-12-12 18:18:43 -07:00
Travis Ralston
a91963e5ee
Replace the avatar next to the composer with a status entry menu
...
The checkmark might change, and there appears to be some state tracking mishaps that need to be worked out.
Part of https://github.com/vector-im/riot-web/issues/1528
2018-12-12 18:03:30 -07:00
Travis Ralston
cd9ea2b2d7
Fix alignment of avatars and status messages
...
also introduce the status message to the MemberInfo pane
Part of https://github.com/vector-im/riot-web/issues/1528
2018-12-12 12:57:48 -07:00
Bruno Windels
9f5a0250bf
Merge pull request #2345 from matrix-org/bwindels/jumptofirstunread-rebased
...
Redesign: restyle jump to first unread message & rework read marker logic (rebased)
2018-12-12 10:13:51 +00:00
Bruno Windels
e505a9e45c
Merge pull request #2343 from matrix-org/bwindels/addroombuttonalignment
...
Redesign: fix add room button alignment when collapsed
2018-12-12 09:21:12 +00:00
Travis Ralston
ce7969e3d5
Display custom status messages in the UI
...
Part of https://github.com/vector-im/riot-web/issues/1528
2018-12-11 21:40:11 -07:00
Bruno Windels
ac9902e52a
apply redesign to topunreadmessagebar
...
with placeholder for message count
2018-12-11 15:43:00 +01:00
Bruno Windels
d3f655a064
fix avatar in edit mode
2018-12-11 13:11:26 +01:00
Bruno Windels
678a982bbb
dont use more padding than needed so no shrinking happens (my guess)
2018-12-11 13:02:04 +01:00
Bruno Windels
a8f9a74920
make mygroups look slightly more in line with redesign
2018-12-10 17:55:30 +01:00
Bruno Windels
6488b01324
fix mergo-error
2018-12-10 17:48:11 +01:00
Bruno Windels
93767fa5f1
fix invite button layout
2018-12-10 17:46:22 +01:00
Bruno Windels
ccf65d5f3c
remove background from group room list header button
2018-12-10 17:45:47 +01:00
Bruno Windels
cc97b46908
fix group room tiles layout
2018-12-10 17:44:45 +01:00
Bruno Windels
ab728ead72
give group header some padding
2018-12-10 16:51:19 +01:00
Bruno Windels
f987a50fef
make add community icon themeable and give it background so it's visible
2018-12-10 15:43:57 +01:00
Bruno Windels
fe76287035
style communities button, make it visible again
2018-12-10 15:43:48 +01:00
J. Ryan Stinnett
a92d2902c4
Add an in-room reminder to set up key recovery
...
This adds an in-room reminder above the message timeline to set up Secure
Message Recovery so that your keys will be backed up. If you try to ignore it,
an additional dialog is shown to confirm.
Fixes vector-im/riot-web#7783 .
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-12-07 14:13:02 -06:00
Travis Ralston
173669b375
Show the number of unread notifications above the bell on the right
...
Fixes https://github.com/vector-im/riot-web/issues/3383
This achieves the result by counting up the number of highlights across all rooms and setting that as the badge above the icon. If there are no highlights, nothing is displayed. The red highlight on the bell is done by abusing how the Tinter works: because it has access to the properties of the SVG that we'd need to override it, we give it a collection of colors it should use instead of the theme/tint it is trying to apply. This results in the Tinter using our warning color instead of whatever it was going to apply.
The RightPanel now listens for events to update the count too, otherwise when the user receives a ping they'd have to switch rooms to see the change.
2018-12-06 16:18:02 -07:00
Bruno Windels
8f4292399b
Merge pull request #2297 from matrix-org/bwindels/roomlistsizingimprovements
...
Redesign: improve room sub list sizing & persist sizes
2018-11-27 13:40:48 +00:00
Bruno Windels
887defda9c
temp solution to make room settings usable
...
make mx_fadable not do anything anymore, and make room settings
full size.
Room settings haven't been designed yet, so all of this will
have a full pass when we have a go at it.
2018-11-26 17:58:51 +01:00
Bruno Windels
257bac2b09
unrelated fix for searchbox being squashed by other roomlist content
2018-11-26 14:50:53 +01:00
Bruno Windels
61d9fe95e9
add 3 flex-shrink categories + make it work with overflow indicators
2018-11-26 14:50:29 +01:00
Bruno Windels
231d8fff6e
add new style vars from develop
2018-11-26 13:22:34 +01:00
Bruno Windels
67e0030ccd
Merge branch 'develop' into experimental
2018-11-26 13:10:29 +01:00
David Baker
075c13a5bd
Add password strength meter to backup creation UI
...
https://github.com/vector-im/riot-meta/issues/227
2018-11-23 15:50:23 +00:00
David Baker
6fe2c9c2bb
Merge branch 'dbkr/e2e_backups' into dbkr/e2e_backups_passphrase
2018-11-20 18:10:57 +00:00
David Baker
8ccaf53d20
Merge remote-tracking branch 'origin/develop' into dbkr/e2e_backups
2018-11-20 18:08:39 +00:00
David Baker
132408cf02
Add e2e backup recovery with passphrase
2018-11-20 16:16:24 +00:00
David Baker
fbab8ceeef
Passphrase based key backups
...
Add passphrase support to backup creation stage
2018-11-20 13:11:58 +00:00
Richard van der Hoff
c61031d3e1
Merge pull request #2279 from matrix-org/rav/sso_login_type
...
Support for m.login.sso
2018-11-19 14:14:21 +01:00
Travis Ralston
7dd610b41e
Merge pull request #2235 from MaxwellKepler/develop
...
Added badge to non-autoplay GIFs
2018-11-16 13:25:40 -07:00
Travis Ralston
8916c90fed
Make the 'Accept' button for consent a little more friendly
...
Part of https://github.com/vector-im/riot-web/issues/7700
2018-11-15 20:26:37 -07:00
Richard van der Hoff
90f22c7b43
Support for m.login.sso
...
Adds support for the m.login.sso login type, which is handled the same way as
CAS, and also makes it look a bit nicer.
2018-11-15 19:05:39 +00:00
Travis Ralston
c8b38606cc
Fix terms auth continue button CSS
2018-11-14 18:40:00 -07:00
Travis Ralston
2ffc024fab
Add a dedicated "Continue" button to the terms auth stage
...
The button itself is conditionally enabled because the ILAG dialog already has a continue button. It'd be confusing to users to have 2 continue buttons on the same dialog, so this commit adds the structure required to pass along clicks from the dialog's button down to the UI auth component.
The other place the continue button would appear is on the register page (not ILAG). The button's style is different here, however that will be improved in a later commit.
Part of https://github.com/vector-im/riot-web/issues/7700
2018-11-14 18:26:35 -07:00
Bruno Windels
04bb9aad3a
Merge pull request #2276 from matrix-org/bwindels/timelinetypingnotif
...
Redesign: typing notifications in timeline
2018-11-14 10:24:31 +00:00
Bruno Windels
36bc83ce03
copyright
2018-11-14 10:05:53 +01:00
Bruno Windels
741e106565
update animation image and location
2018-11-13 18:30:14 +01:00
Bruno Windels
ffc73c59b4
make padding and DOM more like event tile
2018-11-13 09:15:43 +01:00
Bruno Windels
20b8994714
simplify DOM and style to design
2018-11-12 18:19:18 +01:00
Bruno Windels
7df47cbc87
move typing notifications to WhoIsTypingTile, shown in ScrollPanel
2018-11-12 16:09:51 +01:00
Bruno Windels
0f226853f5
add scroll indicator gradients to top and bottom of room sub list
2018-11-12 12:57:21 +01:00
J. Ryan Stinnett
b9ccdc4952
Align encrypted event buttons in Safari
...
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-11-08 20:38:16 +01:00
J. Ryan Stinnett
13039b05b9
Align buttons in encrypted event dialog
...
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-11-08 17:17:57 +01:00
Bruno Windels
883126a528
Merge branch 'experimental' into bwindels/memberqueryfield
2018-11-07 13:29:28 +01:00
Bruno Windels
9e95a1402c
Merge pull request #2269 from matrix-org/bwindels/roomlistpolish
...
Redesign: room list visual polish
2018-11-07 11:44:47 +00:00
J. Ryan Stinnett
975392cbbb
Add visible guest warning to encourage login
...
If you happen to get logged out, it might not be very clear what has happened
visually. This adds a visible warning to the top of the home page to suggest
logging in.
Fixes vector-im/riot-web#7629 .
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-11-06 21:08:57 +01:00
Bruno Windels
4e773c2665
Make right panel a dark-panel instead of every descendant.
...
Also move bg color central.
2018-11-06 14:47:58 +01:00
Bruno Windels
92e43ea181
move filter member field to bottom of memberlist
...
reorganize styles as well
2018-11-06 14:47:11 +01:00
Bruno Windels
3bd0bcde4b
align room sub list header with design
...
also make css more maintainable with less hardcoded dimensions
2018-11-06 14:03:01 +01:00
Bruno Windels
3ce52d104c
align collapsed roomtile with design
2018-11-06 14:02:43 +01:00
Bruno Windels
c9dc273cb0
better native scrollbar width compensation for FF
...
instead of having to offset the padding of children of the
autohiding scrollbar container, which gets fiddly quickly,
add a new child to the scrollbar container that gets a negative
margin of the scrollbar width when needed
(on hover and overflowing when overlay is not supported).
This needs an extra DOM element, but as it doesn't do anything weird
layout-wise (like set position), it shouldn't affect styling at all.
It also makes the auto hide scrollbar workarounds completely transparent
to the rest of the code.
2018-11-06 11:37:49 +01:00
Bruno Windels
3c70c2b82f
not needed
2018-11-05 17:43:16 +01:00
Bruno Windels
fd0b33edaf
margin adjusment of room tile according to design
2018-11-05 17:42:59 +01:00
Bruno Windels
ef26189add
add dedicated menu button to room tile with new design
2018-11-05 17:42:25 +01:00
Bruno Windels
645ae73f3b
undo type/brain fart
2018-11-05 14:27:27 +01:00
Bruno Windels
665d424758
use svg icon in add room button
2018-11-05 14:25:28 +01:00
Bruno Windels
c0becc7664
fix roomtile badge
...
only put it in the dom if it has
anything to show as it has a border now in collapsed mode
2018-11-05 14:24:12 +01:00
Bruno Windels
cb8393d449
fix room sublist padding when collapsed
2018-11-05 14:22:55 +01:00
Bruno Windels
c0e3e3925f
more badge cleanup
2018-11-05 14:22:41 +01:00
Bruno Windels
01626d6b02
never show horizontal scrollbar in subroom list
2018-11-05 14:21:58 +01:00
Bruno Windels
3cd32e2f44
update search icon(s)
2018-11-05 13:07:49 +01:00
Bruno Windels
010f077092
align badges with design
2018-11-05 10:35:38 +01:00
Bruno Windels
1d77a67683
fix room list chevron
2018-11-05 10:09:05 +01:00
Bruno Windels
701dd6d33f
restyle search close button
2018-11-05 09:54:14 +01:00
Bruno Windels
6db81edf6c
restyle SearchBox & make it more reusable
...
as we can reuse it in the room header
2018-11-05 09:35:44 +01:00
Bruno Windels
064662380f
support search icon in mx_textinput, use in memberlist
2018-11-05 09:35:27 +01:00
Bruno Windels
46389457e3
add input styling for light and dark panels (leftpanel vs room header)
2018-11-05 09:32:37 +01:00
Bruno Windels
80afc0982b
add generic text input styling
...
text inputs are now styled at every occurence in the app,
style input by default, and provide a .mx_textinput class
if buttons need to appear inside the input styling.
Before this was partially done in _common.scss, but as it's
highly theme-dependent, makes more sense to do it in the theme.
2018-11-05 09:28:26 +01:00
