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
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
Bruno Windels
06cc7a493d
Merge pull request #2262 from matrix-org/bwindels/biggerresizehandles
...
Redesign: increase interaction rectangle of resize handles
2018-11-02 14:12:49 +00:00
Bruno Windels
9546df609e
Merge pull request #2260 from matrix-org/bwindels/rightpanelbelowheader
...
Redesign: move right panel below room/group header
2018-11-02 14:12:24 +00:00
Bruno Windels
3e02f247c8
use AutoHideScrollbar in RoomSubList
2018-11-01 17:33:21 +01:00
Bruno Windels
03781e1327
AutoHideScrollbar component
...
shows scrollbar on hover when needed
has fallback to overflow: overlay
and fiddling with padding to make content not jump on hover.
2018-11-01 16:32:17 +01:00
Bruno Windels
24d9e8e168
use padding and negative margin for all resize handles
...
this way they only take 1px for layout but have a interaction
target of 11px wide
2018-10-31 16:52:36 +01:00
Bruno Windels
b4dd739771
Merge branch 'experimental' into bwindels/rightpanelbelowheader
2018-10-31 14:57:16 +01:00
Bruno Windels
ba83166661
Merge branch 'develop' into experimental
2018-10-31 14:54:22 +01:00
Bruno Windels
870280c6c7
move rightpanel into group view
2018-10-31 12:09:24 +01:00
Bruno Windels
a40f1933f2
put RightPanel as sibling of .mx_RoomView_body instead of RoomView
2018-10-30 18:13:17 +01:00
Bruno Windels
e80a1c5051
move room/group panel header buttons into room/group header
2018-10-30 17:15:19 +01:00
Bruno Windels
4972b1ba7c
move aux panel into room body
...
to put a resize handle between the body and the right panel later on
2018-10-30 13:25:06 +01:00
David Baker
8ac62f8c12
Merge remote-tracking branch 'origin/develop' into dbkr/e2e_backups
2018-10-29 16:20:45 +00:00
David Baker
04ed61ec4e
Merge pull request #2257 from matrix-org/t3chguy/view_community_context_menu
...
click-through svg on tag tile context menu to make it less weird
2018-10-29 11:37:56 +00:00
Michael Telatynski
8a3824b9ca
click-through svg on tag tile context menu to make it less weird
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-10-27 11:27:43 +01:00
Michael Telatynski
d54bf13fab
Hide all the time travel.
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2018-10-27 11:06:52 +01:00
Bruno Windels
2c039483c6
Merge branch 'develop' into experimental
2018-10-26 15:33:39 +02:00
J. Ryan Stinnett
2dc335798d
Repair DevTools button padding by centralizing styles
...
This moves the padding styles for dialog content to the .mx_Dialog rule. In
addition, it fixes vector-im/riot-web#7548 where the DevTools buttons had double
padding.
Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>
2018-10-26 14:15:46 +02:00
David Baker
b59b8b7fca
Merge remote-tracking branch 'origin/develop' into dbkr/e2e_backups
2018-10-25 17:42:46 +01:00
David Baker
adee0fdcef
Merge pull request #2248 from matrix-org/bwindels/memberpanel
...
Redesign: basic makeover of member info panel
2018-10-25 14:52:54 +01:00
Bruno Windels
3096bf42ef
fix css in chrome
2018-10-25 15:20:51 +02:00