1213 commits

Author	SHA1	Message	Date
Travis Ralston	361d524e7e	Rename remaining SCSS variables to remove 2 suffix	2020-07-17 16:18:15 -06:00
Travis Ralston	40e4347114	Replace $roomtile-badge-fg-color with $accent-fg-color	2020-07-17 16:08:47 -06:00
Travis Ralston	1cecabb0b3	Replace $roomtile-name-color with $muted-fg-color (equivalent)	2020-07-17 16:03:26 -06:00
Travis Ralston	a30da8dcdb	Rename RoomList2 SCSS variables	2020-07-17 15:59:35 -06:00
Travis Ralston	d7ada5f7c5	Remove TODO flags	2020-07-17 15:47:37 -06:00
Travis Ralston	c9b0b3b31d	RoomSublist2 -> RoomSublist	2020-07-17 15:46:46 -06:00
Travis Ralston	96065ae982	RoomTile2 -> RoomTile	2020-07-17 15:43:29 -06:00
Travis Ralston	8dfe7b6cc7	RoomBreadcrumbs2 -> RoomBreadcrumbs	2020-07-17 15:32:06 -06:00
Travis Ralston	a7c18bfbfa	RoomList2 -> RoomList	2020-07-17 15:27:49 -06:00
Travis Ralston	2441cbc9ac	LeftPanel2 -> LeftPanel	2020-07-17 15:22:18 -06:00
Jorik Schellekens	58532f2ac4	Merge pull request #4990 from matrix-org/joriks/irc-layout-truncate-upload-name ... ellipse senders for images and videos	2020-07-17 22:04:19 +01:00
Travis Ralston	3c047cecfd	Remove core structures for the old room list	2020-07-17 14:17:11 -06:00
Michael Telatynski	9ec2ca447c	Update style of default tooltips to match the new style ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-17 16:19:10 +01:00
Michael Telatynski	a704eefdd5	Merge branches 'develop' and 't3chguy/nad/rampage' of github.com:matrix-org/matrix-react-sdk into t3chguy/nad/rampage ... Conflicts: src/components/views/elements/AccessibleTooltipButton.tsx	2020-07-16 15:47:12 +01:00
Michael Telatynski	e6dff951b8	Fix composer text alignment ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-16 15:42:58 +01:00
Michael Telatynski	1a9680b527	Update font size of member filter field ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-16 15:40:31 +01:00
Michael Telatynski	576294e7ce	Add shadow to the reply preview and autocomplete composer panes ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-16 15:26:25 +01:00
Michael Telatynski	a2b5e5a6a1	Fix top right header button layout and hover consistency ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-16 14:38:46 +01:00
Michael Telatynski	cb4f4c96b4	Update colour of typing indicator in timeline to match topic ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-16 14:38:23 +01:00
Michael Telatynski	2b260a69a0	Change colour of unread count dot to primary fg ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-16 14:37:41 +01:00
Jorik Schellekens	2e8285590c	Merge pull request #4992 from matrix-org/joriks/irc-layout-e2e-icon ... Move e2e icon	2020-07-16 14:35:08 +01:00
Jorik Schellekens	96f0681c2e	Move e2e icon	2020-07-16 03:52:35 +01:00
Jorik Schellekens	bcbb3e8169	fix name jump	2020-07-16 03:14:20 +01:00
Jorik Schellekens	e873ba9608	ellipse senders for images and videos	2020-07-16 02:52:16 +01:00
Travis Ralston	17dba01993	Fix style lint	2020-07-15 03:49:59 -06:00
Bruno Windels	2da7d17a5d	change color of who is typing text to composer icons color ... as requested by Nad	2020-07-14 20:45:14 +02:00
Bruno Windels	aeadf64ccf	change icon on invite button	2020-07-14 19:40:17 +02:00
Bruno Windels	7ff3e6a26d	bring back padding between show more and resize handle	2020-07-14 15:09:53 +02:00
Bruno Windels	b6a5fa38e1	Merge branch 'element' into 'nadonomy/ui-tweaks-part-deux' ... # Conflicts: # res/css/views/rooms/_RoomSublist2.scss	2020-07-14 12:40:52 +00:00
Bruno Windels	4fe4788c2e	Merge branch 'develop' into element	2020-07-14 14:31:31 +02:00
Michael Telatynski	fcf5fc0990	Fix normal e2e icon colour ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-14 13:30:05 +01:00
J. Ryan Stinnett	a09f773edd	Tweak sticky header hiding to avoid pop ... When transitioning between sublists, there can be a visibly observable jump in the positioning of list items when the header container is restored to normal size outside of sticky mode. To avoid this problem, this leaves all headers at normal size. This creates a new issue of a permanent gap at the top of the list for the first header, but this can be solved by always hiding (since it can only ever appear stuck to top). Fixes https://github.com/vector-im/riot-web/issues/14429	2020-07-14 12:16:17 +01:00
Bruno Windels	106c91aec0	Merge branch 'element' into 'nadonomy/ui-tweaks-part-deux' ... # Conflicts: # res/css/views/rooms/_RoomSublist2.scss	2020-07-14 09:26:04 +00:00
Michael Telatynski	9d7a7c707f	Merge branch 'nadonomy/ui-tweaks-part-deux' of https://gitlab.matrix.org/new-vector/element/element-web/matrix-react-sdk into nadonomy/ui-tweaks-part-deux	2020-07-14 00:52:07 +01:00
Michael Telatynski	d4e397cbd0	Switch to svg masks for the e2eicon and border it for the EntityTile avatars ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-14 00:52:03 +01:00
Nad Chishtie	d0d61e7e3c	Improve legibility of room headers	2020-07-14 00:06:12 +01:00
Michael Telatynski	4d432f23e4	Fix room header timeline and composer alignment ... Room header use DecoratedRoomAvatar instead of manual e2eIcon overlay move e2eIcon next to it instead of private padlock Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-13 23:56:25 +01:00
Nad Chishtie	ce365cc5a1	Optically align room header height with panel heights	2020-07-13 23:12:37 +01:00
Michael Telatynski	145b154a01	fix left gutter based on the border-left shrinking by 1px ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-13 22:56:20 +01:00
Michael Telatynski	a40972cec9	Fix text jumps for event tile hover ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-13 22:21:06 +01:00
Michael Telatynski	a1ff00a7a8	Fix scrollbar occlusion in the right panel ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-13 22:13:29 +01:00
Michael Telatynski	5e5620a6c2	Make widgets match the new 8px border-radius standard ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-13 21:59:46 +01:00
Nad Chishtie	f8e2805f38	Merge branch 'nadonomy/ui-tweaks-part-deux' of https://gitlab.matrix.org/new-vector/element/element-web/matrix-react-sdk into nadonomy/ui-tweaks-part-deux	2020-07-13 21:53:46 +01:00
Nad Chishtie	9007653ec6	Make room clipping list mask softer	2020-07-13 21:52:52 +01:00
Michael Telatynski	6a58512397	Fix alignments ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-13 21:45:48 +01:00
Michael Telatynski	88a653445f	Fix h-alignment of the room header, timeline and composer avatars ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-13 21:15:58 +01:00
Michael Telatynski	57f75736be	Merge branch 'nadonomy/ui-tweaks-part-deux' of https://gitlab.matrix.org/new-vector/element/element-web/matrix-react-sdk into nadonomy/ui-tweaks-part-deux	2020-07-13 21:02:26 +01:00
Michael Telatynski	5a85ce5d3d	Remove text decoration from links v2 ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-13 21:02:08 +01:00
Nad Chishtie	fafbd25f6b	Tweak padding & weight	2020-07-13 20:57:24 +01:00
Nad Chishtie	a3b1c93149	Tweak padding	2020-07-13 20:50:26 +01:00
Michael Telatynski	69929134c5	add spacing between sublists of 4px ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-13 20:40:42 +01:00
Michael Telatynski	4244c67aca	Fix even spacing between sticky and non-sticky headers ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-13 20:29:08 +01:00
J. Ryan Stinnett	b50c809d35	Merge remote-tracking branch 'origin/develop' into element	2020-07-13 20:28:57 +01:00
J. Ryan Stinnett	571209afbe	Merge pull request #4963 from matrix-org/joriks/room-list-gradient ... Add fade to show more button on room list	2020-07-13 20:21:48 +01:00
Nad Chishtie	dec377a448	Temporarily apply Joriks CSS fix	2020-07-13 20:15:09 +01:00
Nad Chishtie	b28bb34cb7	Small tweaks to padding and sizing	2020-07-13 20:13:20 +01:00
Jorik Schellekens	c9e231c3eb	Add fad	2020-07-13 19:03:31 +01:00
J. Ryan Stinnett	995a7879a1	Merge remote-tracking branch 'origin/develop' into element	2020-07-13 18:49:55 +01:00
Bruno Windels	c346122adf	align room header with user menu button	2020-07-13 18:24:28 +02:00
Jorik Schellekens	cd83f12a82	Fix badges for font size 20	2020-07-13 16:11:21 +01:00
Michael Telatynski	1ce3ae0cf2	Merge pull request #4952 from matrix-org/t3chguy/room-list/14413 ... Remove redundant scroll-margins and fix RoomTile wrongly scrolling	2020-07-13 15:57:27 +01:00
Michael Telatynski	213e2df9fc	Remove redundant scroll-margins and fix RoomTile wrongly scrolling ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-12 08:49:04 +01:00
Travis Ralston	bdb641279a	Merge branch 'develop' into travis/room-list/enable	2020-07-10 11:11:25 -06:00
Bruno Windels	952200f031	Merge branch 'develop' into element	2020-07-10 19:04:45 +02:00
Travis Ralston	477472c178	Merge branch 'develop' into travis/room-list/showmore2	2020-07-10 10:57:17 -06:00
Bruno Windels	85ac256231	cleanup	2020-07-10 18:40:09 +02:00
Bruno Windels	725b7f8950	make show more button a bit less tall	2020-07-10 18:30:52 +02:00
Bruno Windels	d5a3071518	put show more button inside resizer ... this way we have a flexbox layout in the resizer with: - the resize handle (fixed) - the show more/less button, if any (fixed) - the list of tiles (grabbing whatever is left)	2020-07-10 18:29:39 +02:00
Travis Ralston	bf0a503e44	[WITH CONFLICTS] Merge branch 'develop' into travis/room-list/enable	2020-07-10 10:18:12 -06:00
Travis Ralston	2bf2a08e7a	Mark safari hacks	2020-07-10 08:52:46 -06:00
J. Ryan Stinnett	ab51dd28dc	Merge remote-tracking branch 'origin/develop' into element	2020-07-10 11:08:33 +01:00
Travis Ralston	75dbd5f1d4	Merge branch 'develop' into travis/room-list/enable	2020-07-09 22:28:16 -06:00
Jorik Schellekens	edb556f22e	Stop safari from agressivly shrinking	2020-07-10 02:15:46 +01:00
Travis Ralston	859f65659c	Attempt to support a hard cutoff with the show more button ... Known issues: * Causes scroll jumps when the button gets added to DOM * Resize handle is invisible when there's a show more button TODO: * Clean up comments * Clean up useless code (all the padding stuff isn't needed)	2020-07-09 13:07:13 -06:00
Bruno Windels	ce68314de9	Revert "Merge pull request #4932 from matrix-org/travis/room-list/invisible-show-more" ... This reverts commit f58a0a7538.	2020-07-09 12:13:12 -06:00
Bruno Windels	b95b26d19b	change border radius for selected room tile	2020-07-09 19:17:47 +02:00
Bruno Windels	00f0f6dd34	add color for room list header color	2020-07-09 19:17:34 +02:00
Bruno Windels	c0d2e29720	add theme variable for room header background color	2020-07-09 19:16:30 +02:00
Travis Ralston	74fa3b2c81	Fix rough badge alignment for community invite tiles again ... Fixes https://github.com/vector-im/riot-web/issues/14392	2020-07-09 10:39:53 -06:00
Bruno Windels	d90fc57469	Merge branch 'develop' into element	2020-07-09 17:59:56 +02:00
Bruno Windels	f58a0a7538	Merge pull request #4932 from matrix-org/travis/room-list/invisible-show-more ... Potential solution to supporting transparent 'show more' buttons	2020-07-09 14:43:20 +00:00
Travis Ralston	bd8e1f7198	Merge pull request #4931 from matrix-org/travis/room-list/sticky-headers ... Improve performance and stability in sticky headers for new room list	2020-07-09 08:00:56 -06:00
Michael Telatynski	ada68c4220	Merge pull request #4892 from jugglinmike/gh-13135-highlight-jump-to-bottom ... Highlight "Jump to Bottom" badge when appropriate	2020-07-09 00:20:37 +01:00
Travis Ralston	8972cf9378	Potential solution to supporting transparent 'show more' buttons ... In this demonstration, we remove the cutting line (as it collides with the tile in a weird spot) and instead replace the tile with a placeholder when the text is about to collide with the avatar in the tile. We use a `round()` for this because through some amazing coincidence the collision happens at 0.47, which is close enough to 0.5 for people not to notice.	2020-07-08 16:09:45 -06:00
Travis Ralston	f9aca7c05e	Avoid bounding box usage in sticky headers & improve reliability ... We now use offsets and scroll information to determine where the headers should be stuck to, still supporting the transparent background. Some scroll jumps were originally introduced as part of the change in numbering, so they have been fixed here. By proxy, some additional scroll jump/instability should be fixed as well. This has a lingering problem of still causing a huge number of no-op UI updates though, which will be dealt with in a future commit.	2020-07-08 14:37:35 -06:00
Bruno Windels	7390baf451	Merge branch 'develop' into element	2020-07-08 18:09:38 +02:00
Bruno Windels	d5747ad6c0	Merge branch 'develop' into element	2020-07-08 18:07:45 +02:00
Bruno Windels	571bd30898	update call icons	2020-07-08 18:02:30 +02:00
Jorik Schellekens	6ca7150533	Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into ... joriks/room-list-priorities	2020-07-08 16:08:55 +01:00
Jorik Schellekens	53bdddfcdd	Fix discrepancies with style	2020-07-08 16:07:38 +01:00
Travis Ralston	3912f2d21c	Merge remote-tracking branch 'origin/develop' into travis/room-list/resizable	2020-07-08 07:55:10 -06:00
Bruno Windels	7dad56ca86	Merge branch 'develop' into element	2020-07-08 15:50:17 +02:00
Bruno Windels	269c30f8e8	Revert "also blur the sticky headers" ... This reverts commit 82e0816d86.	2020-07-08 15:47:01 +02:00
Bruno Windels	989e4a9ceb	Merge pull request #4912 from matrix-org/bwindels/bettersticky ... Add wrapper to room list so sticky headers don't need a background	2020-07-08 13:34:01 +00:00
Bruno Windels	a8085f4e3b	remove background on sticky headers	2020-07-08 14:50:08 +02:00
Michael Telatynski	faa9124f2b	Merge branches 'develop' and 't3chguy/room-list/12345' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/12345 ... Conflicts: src/components/views/rooms/RoomTile2.tsx	2020-07-08 08:57:01 +01:00
Travis Ralston	15b6a273c9	Swap out the resizer lib for something more stable ... react-resizer appears to be okay at tracking state, but it often desyncs from reality. re-resizer is more maintained and more broadly used (160k downloads vs 110k), and appears to generally do a better job of tracking the cursor. The new library has some oddities though, such as deltas, touch support (hence the polyfill), and calling handles "Enable". For https://github.com/vector-im/riot-web/issues/14022	2020-07-07 22:21:00 -06:00
Jorik Schellekens	0906da01ba	Fix gaps	2020-07-08 00:18:58 +01:00
Jorik Schellekens	92dec8ddd8	Fix gaps	2020-07-08 00:16:24 +01:00
Jorik Schellekens	b3f50b6e17	Enable options to favourite and low priority rooms	2020-07-07 23:14:04 +01:00
Travis Ralston	a59a8b76a9	Update TODO comments to point to new issue	2020-07-07 14:51:43 -06:00
Michael Telatynski	986d56ffdc	Merge branches 'develop' and 't3chguy/room-list/12345' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/12345 ... Conflicts: src/components/views/rooms/RoomSublist2.tsx src/components/views/rooms/RoomTile2.tsx	2020-07-07 17:11:04 +01:00
Bruno Windels	7115c07c65	Merge branch 'develop' into element	2020-07-07 13:21:49 +02:00
Bruno Windels	8f47b59de8	fix margin between buttons ... I think the selector wasn't working before either fwiw	2020-07-07 13:03:18 +02:00
Bruno Windels	af333db6ae	change settings icons	2020-07-07 12:16:03 +02:00
Mike Pennisi	d237d02c03	Highlight "Jump to Bottom" badge when appropriate ... This resolves https://github.com/vector-im/riot-web/issues/13135 Signed-off-by: Mike Pennisi <mike@mikepennisi.com>	2020-07-06 23:09:54 -04:00
Michael Telatynski	64237c9f4e	Apply scroll margins to RoomTile so that they don't scroll under the "sticky" headers ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-07 00:11:32 +01:00
Travis Ralston	d14dd777b7	Revert "don't need to set width with javascript?" ... This reverts commit a2cf641c0e.	2020-07-06 15:23:20 -06:00
Travis Ralston	70eebc978f	Revert "Minor cleanup of sticky header CSS" ... This reverts commit 5bf14d8427.	2020-07-06 15:22:40 -06:00
Travis Ralston	5bf14d8427	Minor cleanup of sticky header CSS	2020-07-06 14:37:38 -06:00
Bruno Windels	a2cf641c0e	don't need to set width with javascript?	2020-07-06 14:35:53 -06:00
Bruno Windels	8fd9dbf1d8	moar icon changes	2020-07-06 18:28:54 +02:00
Bruno Windels	2daad838ad	change roomtile icons	2020-07-06 15:56:52 +02:00
Bruno Windels	137a81501a	fix tooltip bg colors ... introduce new color variable for inverted backgrounds like dark tooltip	2020-07-06 15:40:30 +02:00
Bruno Windels	08c44333cf	Update develop	2020-07-06 09:29:23 +02:00
Travis Ralston	afa71c7b7c	Fix minor issues with the badges in the new room list ... Fixes https://github.com/vector-im/riot-web/issues/14225	2020-07-03 14:26:59 -06:00
Bruno Windels	bec10b79da	apply some of the new icons	2020-07-03 18:03:47 +02:00
Bruno Windels	b370e3f078	don't need to set width with javascript?	2020-07-03 16:52:01 +02:00
Bruno Windels	82e0816d86	also blur the sticky headers ... added a DOM element so we can set the background on the parent and the blur on the new element	2020-07-03 16:50:01 +02:00
Michael Telatynski	9cf162e267	Merge branches 'develop' and 't3chguy/room-list/6' of github.com:matrix-org/matrix-react-sdk into t3chguy/room-list/6 ... Conflicts: src/components/views/rooms/RoomSublist2.tsx src/components/views/rooms/RoomTile2.tsx	2020-07-03 00:02:37 +01:00
Michael Telatynski	289f40ce29	First step towards a11y in the new room list ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-02 22:21:10 +01:00
Travis Ralston	df05273225	Merge remote-tracking branch 'origin/joriks/room-list-tooltips' into develop	2020-07-02 15:20:27 -06:00
Travis Ralston	0549ef83db	Merge pull request #4878 from matrix-org/travis/room-list/fix-community-invites ... Fix alignment of avatars on community invites	2020-07-02 14:39:25 -06:00
Travis Ralston	e08512020f	Fix a couple badge alignment issues with community invites	2020-07-02 14:05:31 -06:00
Travis Ralston	c3ad854868	Fix alignment of avatars on community invites	2020-07-02 13:50:25 -06:00
Travis Ralston	7ea3164507	Fix alignment of dot badges in new room list	2020-07-02 13:39:20 -06:00
Travis Ralston	43db4b98df	Merge branch 'develop' into joriks/room-list-breadcrumbs	2020-07-02 13:22:51 -06:00
Michael Telatynski	c259408d71	fix alignment of dot and simplify CSS rules ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-02 12:35:06 +01:00
Michael Telatynski	992349944a	Fix room list 2's room tile wrapping wrongly	2020-07-02 12:18:48 +01:00
Michael Telatynski	b5014282a4	Iterate PR based on Figma design and feedback ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-07-01 13:59:50 +01:00
Jorik Schellekens	1889ee202b	Add tooltips for breadcrumbs	2020-07-01 12:23:27 +01:00
Jorik Schellekens	aab372c648	Add tooltips	2020-07-01 01:50:31 +01:00
Jorik Schellekens	b1e0b35758	Lint style	2020-06-30 23:40:24 +01:00
Jorik Schellekens	dcd51b5be3	Implement breadcrumb notifications and scrolling	2020-06-30 23:24:46 +01:00
Michael Telatynski	198958dcdd	Iterate to match figma ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-06-30 22:32:59 +01:00
Bruno Windels	6fc4be386a	add blurred, blended avatar background to left panel	2020-06-30 13:28:19 +02:00
Michael Telatynski	54419878fa	Add room notifications context menu and non-default indicator to RoomTile2 ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-06-30 00:16:51 +01:00
Michael Telatynski	adf186f568	Fix RoomTile2 Context Menu to match Figma ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-06-29 23:03:44 +01:00
Travis Ralston	175ade8ac4	Merge branch 'develop' into travis/room-list/todo-cleanup	2020-06-28 20:04:41 -06:00
Travis Ralston	ee2c216c4d	Clean up TODO comments for new room list ... All relevant TODOs should still be present, and reference an issue for easy finding.	2020-06-28 20:03:04 -06:00
Travis Ralston	753f7aa5b8	Remove the DM button from new room tiles ... Fixes https://github.com/vector-im/riot-web/issues/14221	2020-06-27 22:48:54 -06:00
Travis Ralston	30489ce819	Merge pull request #4840 from matrix-org/travis/room-list/resizer-2 ... Iterate on the new room list resize handle	2020-06-25 16:27:39 -06:00
Travis Ralston	326fa8be7d	Merge pull request #4837 from matrix-org/travis/room-list/hover-states ... Update sublists for new hover states	2020-06-25 16:05:25 -06:00
Travis Ralston	555078a993	Iterate on the new room list resize handle ... Only show shadow when resizing, increase the hit area, and make the handle show up when the list itself is hovered.	2020-06-25 16:03:56 -06:00
Travis Ralston	0cb54ed2a4	Align the badge count on non-aux lists with other badges	2020-06-25 15:42:44 -06:00
Travis Ralston	aacedfaf13	Remove opacity from sublist header text, increase weight	2020-06-25 15:19:03 -06:00
Travis Ralston	129ff3a6e0	Match line colour from user menu in sublist menu	2020-06-25 15:17:19 -06:00
Travis Ralston	0af1507eed	Update sublists for new hover states ... Fixes https://github.com/vector-im/riot-web/issues/14135 Unblocks https://github.com/vector-im/riot-web/issues/14089	2020-06-25 12:11:10 -06:00
Travis Ralston	5efa5d2c80	Implement new resize handle for dogfooding ... Smaller handle width, small shadow on the top of the show more button if there's more rooms to be shown. The resize handle also only shows when you're hovering in the area now. The original design called for the shadow to show up only if the user is cutting a tile or dragging, however that is complicated implementation-wise. For speed and encouraging a dogfooding pattern we're going ahead with this behaviour instead.	2020-06-25 10:08:44 -06:00
Travis Ralston	5e07052f9e	Merge pull request #4816 from matrix-org/travis/room-list/tweak/sublisting ... Decrease margin between new sublists	2020-06-24 07:05:46 -06:00
Jorik Schellekens	c660467c33	Merge pull request #4802 from matrix-org/joriks/fix-reply-messageactionbar ... Fix MessageActionBar in irc layout	2020-06-24 11:00:08 +01:00
Hubert Chathi	74e4ea7d48	Merge pull request #4797 from matrix-org/uhoreg/distrust_backup ... Mark messages with a black shield if the megolm session isn't trusted	2020-06-23 15:38:03 -04:00
Travis Ralston	dd9112a01a	Decrease margin between new sublists ... This is an attempt to increase density without adjusting the tiles directly.	2020-06-23 11:44:40 -06:00
Travis Ralston	894357f7f6	Merge branch 'develop' into travis/room-list/unread-2	2020-06-22 14:16:52 -06:00
Travis Ralston	cf92fc37d4	Fix layout of minimized view for new room list	2020-06-22 12:51:53 -06:00
Travis Ralston	30d8dc06fc	Increase bold weight for unread rooms ... For https://github.com/vector-im/riot-web/issues/14084	2020-06-22 10:25:10 -06:00
Jorik Schellekens	ea929e575a	Fix MessageActionBar	2020-06-22 16:02:23 +01:00
Hubert Chathi	c690cfc6c5	mark messages with a black shield if the megolm session isn't trusted	2020-06-18 21:57:33 -04:00
Jorik Schellekens	f2440388b1	Merge branch 'joriks/font-scaling-message-preview' into joriks/appearance-tab-layout-options	2020-06-18 15:37:01 +01:00
Travis Ralston	58671f014b	Merge pull request #4765 from matrix-org/travis/room-list/show-less ... Add a 'show less' button to the new room list	2020-06-17 10:24:50 -06:00
Travis Ralston	d2831ffb0c	Merge pull request #4758 from matrix-org/travis/room-list/sticky ... Sticky and collapsing headers for new room list	2020-06-17 08:28:38 -06:00
Travis Ralston	63447413ca	Replace class block with reference to class	2020-06-17 08:28:22 -06:00
J. Ryan Stinnett	a816f494e4	Merge pull request #4656 from TitanNano/9814 ... Add some media queries to improve UI on mobile (#3991)	2020-06-17 14:50:16 +01:00
Travis Ralston	aab7e0cc14	Fix alignment of checkboxes in new room list's context menu ... At somepoint the checkbox lost its padding, so we don't need to counteract it.	2020-06-16 18:56:56 -06:00
Jovan Gerodetti	af1c2f9b29	fix requested changes from #3991 ... Signed-off-by: Jovan Gerodetti <jovan.gerodetti@titannano.de>	2020-06-16 23:11:32 +02:00
Dale Harvey	049e3fc08c	Add some media queries to improve UI on mobile	2020-06-16 23:11:32 +02:00
Travis Ralston	e4a51a7c01	Add presence icons; Convert to generic icon component ... For https://github.com/vector-im/riot-web/issues/14039	2020-06-16 14:44:37 -06:00
Travis Ralston	bcebef7e56	Add a globe icon to public rooms ... For https://github.com/vector-im/riot-web/issues/14039	2020-06-16 12:13:12 -06:00
Jorik Schellekens	2192332968	Add layout options to the appearance tab	2020-06-16 17:55:19 +01:00
Travis Ralston	84e60ee439	Add a 'show less' button to the new room list	2020-06-15 20:00:09 -06:00
Travis Ralston	4186070489	Support list collapsing and jumping ... Fixes https://github.com/vector-im/riot-web/issues/14036	2020-06-15 19:47:43 -06:00
Travis Ralston	eeac80096c	Float the badges with the sticky headers	2020-06-13 19:07:19 -06:00
Travis Ralston	1bbf2e053b	Initial attempt at sticky headers ... Docs enclosed in diff.	2020-06-13 11:55:11 -06:00
Travis Ralston	f9a4151a6e	Add rudimentary dark theme support	2020-06-12 13:52:54 -06:00
Travis Ralston	9eb965878a	Merge pull request #4754 from matrix-org/travis/room-list/per-list-algo ... Support per-list options and algorithms on the new room list	2020-06-12 08:40:23 -06:00
Travis Ralston	4aa15ee191	Wire up the context menu to the room list store ... Updates are passed along magically to the sublist, so we don't need to listen for the room list store's response to our changes. This just hits the functions introduced in the last commit.	2020-06-11 22:04:10 -06:00
Travis Ralston	ec48c76a4f	Merge pull request #4753 from matrix-org/travis/room-list/minimized ... Add a minimized view to the new room list	2020-06-11 17:20:49 -06:00
Jorik Schellekens	3895c03ee2	Merge pull request #4752 from matrix-org/joriks/irc-encryption-alignment ... Fix e2e icon alignment in irc-layout	2020-06-11 23:42:49 +01:00
Travis Ralston	484dc36619	Fix alignment of show more button	2020-06-11 14:41:35 -06:00
Travis Ralston	2c04a56784	Add a minimized view to the new room list ... This covers everything except breadcrumbs, as those are somewhat undecided from a design perspective.	2020-06-11 14:39:28 -06:00
Jorik Schellekens	872103fb8a	Fix e2e bade alignment	2020-06-11 11:44:11 +01:00
Jorik Schellekens	399dd6a225	Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into joriks/fix-read-receipts ... To fix types	2020-06-11 10:55:27 +01:00
Jorik Schellekens	b36d7d48cc	Center read reaceipts on irc-ui	2020-06-11 10:36:52 +01:00
Travis Ralston	1d84b46681	Fix vertical height causing sublists to wrap	2020-06-10 15:22:17 -06:00
Travis Ralston	6c31bf1a61	Fix layout when resizing the list width	2020-06-10 15:15:58 -06:00
Travis Ralston	be366bdd7f	Fix various layout concerns with the new room list ... It had ~32px of overflow causing a horizontal scrollbar. Turns out the layout engine gets confused when hidden elements are at the end of a flexbox, so we just move them higher in the DOM (where they logically still make sense). The remaining changes are all alignment and misc changes in that respect, and probably not obvious.	2020-06-10 15:05:17 -06:00
Jorik Schellekens	11d85f167b	Fix read-receipt alignment	2020-06-10 15:21:36 +01:00
Travis Ralston	72bb89d4ee	Merge pull request #4743 from matrix-org/travis/room-list/tile-menu ... Add a context menu to rooms in the new room list	2020-06-10 07:46:09 -06:00
Travis Ralston	58db992382	Add 10px to comment	2020-06-10 07:45:52 -06:00
Travis Ralston	a3391d9a08	Merge branch 'develop' into travis/room-list/hover-state	2020-06-10 07:42:41 -06:00
Travis Ralston	78e1db9d30	Merge pull request #4741 from matrix-org/travis/room-list/resize-handle ... Update resize handle for new designs in new room list	2020-06-10 07:40:34 -06:00
Travis Ralston	175fc0e2a1	Appease the style linter	2020-06-09 23:13:57 -06:00
Travis Ralston	0755b4c148	Add a context menu to rooms in the new room list ... The tag options are not implemented out of concern for diff size. This splits the context menu classes out to a new "iconized" style which is common across a number of context menus, including the UserMenu. Some of the badge/sublist styles had to change to better accommodate the menu icon lining up. This also contains the framework required for https://github.com/vector-im/riot-web/issues/13961	2020-06-09 23:09:15 -06:00
Travis Ralston	111394df6d	Add hover states and basic context menu to new room list ... The 'sort by' radio buttons are blocked by https://github.com/matrix-org/matrix-react-sdk/pull/4731 as it contains the styles needed. The 'unread rooms' checkbox is intentionally not hooked up. This is a more complicated refactoring that needs to be done. The message preview checkbox works, though the previews remain hardcoded in this change. The primary intent of this change is to have a good enough context menu and the hover states. The hover states are as described in the design.	2020-06-09 21:12:49 -06:00
Travis Ralston	5f8b7187cf	Update resize handle for new designs ... The diff should have information on what this does and how it is supposed to work.	2020-06-09 19:48:31 -06:00
Travis Ralston	b84af372b9	Bump animation time for breadcrumbs up to 640ms ... This matches the design, unlike the 300ms which was too fast.	2020-06-09 15:35:07 -06:00
Travis Ralston	1467191a5d	Update the CSS transition for breadcrumbs ... The actual transition length might need adjusting, but this is fairly close to what was requested.	2020-06-09 15:06:54 -06:00
Travis Ralston	9377fa513f	Merge branch 'develop' into travis/room-list/breadcrumbs	2020-06-09 08:11:08 -06:00
Travis Ralston	04566e12b2	Fix indentation in styles	2020-06-08 17:14:40 -06:00
Travis Ralston	0354bf9b6d	Reimplement breadcrumbs for new room list ... This all-new component handles breadcrumbs a bit more smoothly for the app by always listening to changes even if the component isn't present. This allows the breadcrumbs to remain up to date for when the user re-enables breadcrumbs. The new behaviour is that we turn breadcrumbs on once the user has a room, and we don't turn it back off for them. This also introduces a new animation which is more stable and not laggy, though instead of sliding the breadcrumbs pop. This might be undesirable - to be reviewed.	2020-06-08 17:11:58 -06:00
Travis Ralston	086b9101fa	Add sublist badge counts to new room list ... Also add IDLE state to rooms	2020-06-08 13:42:18 -06:00
Tulir Asokan	4521e9feb1	Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering	2020-06-07 15:12:30 +03:00
Travis Ralston	829bf3c774	Add another TODO comment	2020-06-05 14:11:04 -06:00
Travis Ralston	1d8833e9f8	Selected state, cleanup, and profile display	2020-06-05 14:08:20 -06:00
Travis Ralston	ea6b0a60ab	Merge branch 'develop' into travis/room-list/css-layout	2020-06-05 13:19:00 -06:00
Travis Ralston	ee3d2c51d8	Merge pull request #4697 from matrix-org/travis/room-list/scrolling-resize ... New room list scrolling and resizing	2020-06-05 13:17:59 -06:00
Travis Ralston	475ba61671	Give the show more button some real CSS ... This is still somewhat placeholder.	2020-06-05 08:48:23 -06:00
Travis Ralston	b31a8d494b	Merge branch 'travis/room-list/scrolling-resize' into travis/room-list/css-layout	2020-06-05 08:39:19 -06:00
Michael Telatynski	f4f23dba04	Fix compact layout regression ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-06-05 10:53:00 +01:00
Travis Ralston	e90e70bd77	Misc cleanup	2020-06-04 21:43:33 -06:00
Travis Ralston	f347019cf8	Remove obviously questionable color choices	2020-06-04 21:37:10 -06:00
Travis Ralston	0c15b2bdb6	Simple structuring of the room list itself ... This covers the larger parts of the design, but doesn't deal with the nuances of hover states, badge sizing, etc.	2020-06-04 21:21:04 -06:00
Travis Ralston	4c1bc50649	Initial styling for new room list ... This is a work in progress, but covers the coarse areas. This uses all-new classes to better describe what everything is, and to reduce the number of selectors we keep track of. This is primarily layout for the list and not actually the final structure. For example, some buttons are missing and other areas are not styled correctly - the idea in this commit was to get things roughly in the right place and work on it.	2020-06-04 16:41:18 -06:00
Travis Ralston	2fe56276f2	css for vis	2020-06-04 10:07:41 -06:00
Travis Ralston	dbf996439b	Wedge t3chguy's resizer prototype into the sublist	2020-06-03 21:17:51 -06:00
Travis Ralston	c07b5ebe9a	Initial experiments with resizing of room lists	2020-06-03 21:17:18 -06:00
Michael Telatynski	936445ab2d	Merge pull request #4660 from matrix-org/t3chguy/kill_UDE_and_UDD ... Remove legacy codepaths for Unknown Device Error (UDE/UDD) handling	2020-06-03 10:45:47 +01:00
Michael Telatynski	3fbfb62bc9	Merge branches 'develop' and 't3chguy/emoji_picker_composer' of github.com:matrix-org/matrix-react-sdk into t3chguy/emoji_picker_composer	2020-06-02 14:00:37 +01:00
Travis Ralston	613b994f9d	Revert "Prevent PersistedElements overflowing scrolled areas"	2020-06-02 00:21:31 -06:00
Jorik Schellekens	85978426c9	Fix selectors	2020-06-01 16:45:19 +01:00
Jorik Schellekens	03c6813425	Update res/css/views/rooms/_GroupLayout.scss ... Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>	2020-06-01 16:00:11 +01:00
Jorik Schellekens	b48818bb46	Increase specificity of compact layout selectors	2020-06-01 15:23:34 +01:00
Michael Telatynski	f40cfe4a3b	Implement new design with new iconography ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-05-29 15:00:27 +01:00
Michael Telatynski	8aaa7825ef	Also kill off things that these kept behind ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-05-28 17:12:19 +01:00
Jorik Schellekens	46134f5368	Merge pull request #4651 from JorikSchellekens/joriks/fix-encryption-icons-irc ... Fix encryption icon miss-alignment	2020-05-27 17:05:32 +01:00
Jorik Schellekens	5c3208d942	Merge pull request #4649 from JorikSchellekens/joriks/fix-sublist-sizing-regression ... Fix sublist sizing regression	2020-05-27 17:04:49 +01:00
Jorik Schellekens	73213422a9	fix encryption icon missalignment	2020-05-26 18:15:06 +01:00
Jorik Schellekens	792859b939	Fix lines overflowing room list width	2020-05-26 17:39:39 +01:00
Jorik Schellekens	d8836f0f4b	Fir sublist sizing regression	2020-05-26 17:09:42 +01:00
Tulir Asokan	4e5680de85	Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering	2020-05-25 19:21:19 +03:00
David Baker	ef4d0a8051	Make linter happy	2020-05-22 10:33:19 +01:00
Travis Ralston	a425c5440b	Fix visibility of message timestamps ... Fixes https://github.com/vector-im/riot-web/issues/13736 This also fixes an unreported but complained about issue regarding the 'always show timestamps' option not working. Looks like this regressed in https://github.com/matrix-org/matrix-react-sdk/pull/4531 when things got shuffled around.	2020-05-21 16:34:23 -06:00
Jorik Schellekens	6d9d4ee547	Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into joriks/font-scaling-slider	2020-05-20 13:46:17 +01:00
Travis Ralston	b96c1ada8a	Merge pull request #4494 from pv/auxpanel-scrolling-persisted ... Prevent PersistedElements overflowing scrolled areas	2020-05-19 15:28:58 -06:00
Jorik Schellekens	2e325191bc	Merge remote-tracking branch 'nv/develop' into joriks/irc-ui	2020-05-19 17:18:36 +01:00
Jorik Schellekens	5380e76b7b	lint	2020-05-18 16:43:47 +01:00
Jorik Schellekens	17f535e5f8	Fix review problems ... - removed superfluous position and classes - fixed compact view - fixed event list summary avatar and text overlap - fixed a problem where the mention list refuses to load.	2020-05-18 16:37:10 +01:00
Jorik Schellekens	fc6e5227ac	FIx roomsublist heights. ... - also fiddles the font size numbers	2020-05-13 22:24:22 +01:00
Jorik Schellekens	5c2abcf1a4	Show username on continuations	2020-05-13 17:05:37 +01:00
Jorik Schellekens	3f04f5163a	Implement more nitpicks ... - fix avatar inital aligment - right align names - set flair height to avatar's - fix conditions for resizing to be more stable	2020-05-13 14:04:46 +01:00
Jorik Schellekens	5029c3f143	Implement IRC draggable display name width	2020-05-13 02:16:43 +01:00
Jorik Schellekens	fef4d882c4	lint	2020-05-08 22:35:40 +01:00
Jorik Schellekens	82396661cf	Implement nitpicks ... - usernames are elipsed - icon alignment fixed - replies are more dense - reply messages respond to name widths - fixed between message padding problem (flex ftw)	2020-05-08 22:21:26 +01:00
Jorik Schellekens	ac95172ed4	tighter layout	2020-05-07 14:56:45 +01:00
Jorik Schellekens	771ae5e18f	Fix encryption badge layouts and replies. ... Begin removing dependence on slider. Move settings to labs. Username disambiguation.	2020-05-07 14:04:56 +01:00
Jorik Schellekens	5568e6488d	Fix encryption badge layout	2020-05-07 14:04:34 +01:00
Jorik Schellekens	0af265bf93	Fix replies	2020-05-07 14:04:34 +01:00
Jorik Schellekens	027826c2e1	Replies have the same layout as messages	2020-05-07 14:04:33 +01:00
Jorik Schellekens	67249e1e9c	Fix hover	2020-05-07 14:04:33 +01:00
Jorik Schellekens	6c3e3161de	Reduce padding	2020-05-07 14:04:33 +01:00
Jorik Schellekens	10c8d253c8	Create irc layout	2020-05-07 14:04:33 +01:00
Jorik Schellekens	c1e740a596	Break out group layout settings	2020-05-07 14:04:33 +01:00
Michael Telatynski	f0085a9feb	Merge branches 'develop' and 't3chguy/redaction_redesign' of github.com:matrix-org/matrix-react-sdk into t3chguy/redaction_redesign	2020-05-07 09:56:21 +01:00
Michael Telatynski	c00b070269	Fix reply RR spacing getting doubled ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-05-03 13:28:16 +01:00
Pauli Virtanen	735826015d	Make AppsDrawer resize handle easier to grab	2020-04-30 20:35:36 +03:00
Pauli Virtanen	e897e97fd6	Make AppsDrawer resizable by dragging its bottom border ... Signed-off-by: Pauli Virtanen <pav@iki.fi>	2020-04-30 20:14:49 +03:00
Pauli Virtanen	2e7bd2e3f0	Use flexboxes in AppTile/AppDrawer CSS for automatic resizing ... Using flexboxes removes the need for pixel constants, and the app content now resizes to fill the tiles. Signed-off-by: Pauli Virtanen <pav@iki.fi>	2020-04-30 20:14:48 +03:00
Bruno Windels	d723aa9efe	Merge pull request #4508 from matrix-org/bwindels/moarthemingfixes ... Small custom theming fixes	2020-04-28 15:25:53 +00:00
Bruno Windels	198edb06b9	use normal accessible button, which is themed	2020-04-28 16:35:20 +02:00
Jorik Schellekens	cf05beb4b8	Merge pull request #4355 from JorikSchellekens/joriks/font-scaling-fixes ... Fix scaling issues	2020-04-28 13:47:50 +01:00
Michael Telatynski	9dd204dd10	Merge branches 'develop' and 't3chguy/redaction_redesign' of github.com:matrix-org/matrix-react-sdk into t3chguy/redaction_redesign	2020-04-27 23:09:08 +01:00
Michael Telatynski	da7a2f2f62	only clear on continuations where the clear isn't done by SenderProfile ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-04-27 17:50:50 +01:00
Jorik Schellekens	aac90e4eb1	Room memebers avatars scale	2020-04-27 11:51:55 +01:00
Jorik Schellekens	b921159da8	Fix room header vertical alignment	2020-04-27 11:51:54 +01:00
Jorik Schellekens	5113723154	Fix avatar alignment for room state events	2020-04-27 11:51:54 +01:00
Jorik Schellekens	e03442048c	Scale read receipt images	2020-04-27 11:51:54 +01:00
Jorik Schellekens	334f529c26	Scale room tile heights.	2020-04-27 11:51:54 +01:00
Jorik Schellekens	e2aef3a62b	Fix pills. ... This was a hard pill to swallow	2020-04-27 11:51:54 +01:00
Jorik Schellekens	92005b15d8	Fix event tiles to smoothly resize with font.	2020-04-27 11:51:54 +01:00
Pauli Virtanen	d690d4bed2	Prevent PersistedElements overflowing scrolled areas ... As the DOM element is not in reality contained inside "the parent", it may overflow the area if the parent gets partially hidden by scrolling etc. To make the effect visually less annoying, emulate this by clipping to the element wrapper. This is not a full general-purpose fix, but improves the current situation. Signed-off-by: Pauli Virtanen <pav@iki.fi>	2020-04-25 16:09:46 +03:00
Michael Telatynski	e16f511527	Redesign redactions ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-04-24 15:07:39 +01:00
Zoe	e3d784816d	Merge branch 'develop' into foldleft/better-errors	2020-04-17 14:11:05 +01:00
Michael Telatynski	cd65bdc799	Merge branches 'develop' and 't3chguy/user_online_dot' of github.com:matrix-org/matrix-react-sdk into t3chguy/user_online_dot ... Conflicts: src/components/views/rooms/RoomBreadcrumbs.js src/components/views/rooms/RoomTile.js	2020-04-17 12:58:54 +01:00
Tulir Asokan	e7ad9b82e0	Fix stylelint issue and update header	2020-04-10 16:27:39 +03:00
Tulir Asokan	6b96a16108	Add absolute max height and some improvements for <pre> replies	2020-04-10 16:18:06 +03:00
Tulir Asokan	da3bd5ebee	Disable pointer events inside replies	2020-04-10 16:03:27 +03:00
Tulir Asokan	26a4a23a33	Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering	2020-04-10 13:56:01 +03:00
Michael Telatynski	740b6f6cac	Composer pills respect showPillAvatar setting ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-04-10 09:34:38 +01:00
Michael Telatynski	60808ef6d2	apply clear:both to fix automatic margins for continuation events ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-04-09 13:36:53 +01:00
Zoe	1395cb02ed	Fixup alignment	2020-04-06 11:44:46 +01:00
Zoe	5ef06357f6	Merge branch 'develop' into foldleft/better-errors	2020-04-06 11:36:46 +01:00
Jorik Schellekens	3ed457ea7d	Merge pull request #4305 from JorikSchellekens/joriks/font-scaling ... Make all 'font-size's and 'line-height's rem	2020-04-02 17:40:39 +01:00
Michael Telatynski	a28aa4c0b4	Tweak user online dot in room tile, make it occupy same space and inverse behaviour of the context menu button ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-04-02 15:13:19 +01:00
Jorik Schellekens	6cf9166c4a	Use variables for the rem values. ... It's become obvious that these random floating points everywhere are unwieldy. Now they're all in one place with some fairly logical variable names which will help out in design->implementation phase.	2020-03-31 15:26:23 +01:00
Michael Telatynski	9e8a401dc8	Fix EventListSummary when RR rendering is disabled ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-03-31 12:29:58 +01:00
Jorik Schellekens	da34e6241d	Make all 'font-size's and 'line-height's rem ... Font size of the whole app would ideally be controlled by a single value. This value is currently hard coded using the :root CSS selector. It is the intention to make this value configurable within riot. In the interim all font-sizes have been converted to rem by the simple process of regex. Replacing px values with their equivalent rem values assuming a font size of 15px and then rounded to three decimal places, which was the base at the time of this transformation. I'm expecting another commit cleaning up rem values but I thought it best to leave that to review. This commit doesn't address any scaling issues. I thought it better to land this unwieldy, mechanical, invisible change before the others otherwise the pr would be impossible to review thoroughly.	2020-03-30 18:23:46 +01:00
Zoe	04849f7f0d	incorporated design feedback	2020-03-26 13:47:32 +00:00
Zoe	9c392ce8bb	Merge branch 'develop' into foldleft/better-errors	2020-03-26 13:38:50 +00:00
Bruno Windels	2186023e43	css adjustments because mx_AutoHideScrollBar_offset was removed	2020-03-26 11:17:35 +01:00
Michael Telatynski	1c0c3c4695	Watch for show-RR settings changes, use room-specific and fix margins ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-03-20 09:29:59 +00:00
Michael Telatynski	f14257926e	RoomPreviewBar word-break the sender name too ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-03-19 15:24:28 +00:00
Michael Telatynski	42ee157645	Merge pull request #4217 from matrix-org/t3chguy/gemini ... Remove Gemini Scrollbars	2020-03-18 14:03:51 +00:00
Michael Telatynski	a9f414dafe	Remove unused SearchableEntityList.js ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-03-13 23:23:23 +00:00
Bruno Windels	b83c1d04e7	wrap room name in room preview bar	2020-03-13 13:59:56 +01:00
Travis Ralston	f33c930c41	Revert "Merge pull request #3892 from krkc/move-read-receipts-to-bottom" ... This reverts commit 191abb5b0d.	2020-03-10 11:28:52 -06:00
J. Ryan Stinnett	c541bc0705	Fix mark as read button for dark theme ... This changes the mark as read button to a mask image so that it can be themed like other images. Fixes https://github.com/vector-im/riot-web/issues/12640	2020-03-09 17:34:17 +00:00
Travis Ralston	1975a8e082	Merge branch 'develop' into move-read-receipts-to-bottom	2020-03-05 17:13:24 -07:00
Tulir Asokan	a8c5574bc8	Merge remote-tracking branch 'upstream/develop' into compact-reply-rendering	2020-03-05 13:19:15 +02:00
Mark Striemer	07348a65ad	Include a mark as read X under the scroll to unread button	2020-03-02 13:59:14 -06:00
Zoe	0d03a8791d	style lint	2020-02-25 10:20:42 +00:00
Zoe	3302469a2b	Catch errors sooner so users can recover more easily	2020-02-24 18:04:11 +00:00
Travis Ralston	d2e7cc7f19	Merge branch 'develop' into feature/padLockInviteOnly	2020-02-24 09:50:06 -07:00
rtestard	650f412acb	I have added a new line at the end of the scss file	2020-02-19 10:15:58 +01:00
J. Ryan Stinnett	b46af07752	Merge pull request #4051 from TestardR/feature/WhoIsTyping ... Fix uncentered letter inside avatar for currently typing users	2020-02-12 15:36:02 +00:00
unknown	078401c58f	I have reverted and used the styling a bit higher in the DOM	2020-02-11 20:06:07 +01:00
unknown	3da630beb8	I have removed problematic ligns	2020-02-10 21:38:31 +01:00
unknown	06ba55e1a1	I have made changes according to turt2live recommandations, mainly css indentation and variable definition	2020-02-09 15:05:08 +01:00
J. Ryan Stinnett	b522d78533	Let pointer events fall through to scroll button ... This makes it easier to click the entire visible area of the scroll button, including the green circle at the top.	2020-02-05 12:43:50 +00:00
rtestard	153703426a	I have removed the newline at the end of file to pass tests	2020-02-04 16:02:49 +01:00
rtestard	f023bcfd63	I have modified padlocks styling when the left panel is collapsed	2020-02-04 15:05:26 +01:00
David Baker	2dbceca8b3	Fix size of invite only icon ... So it doesn't become tiny with long room names Fixes https://github.com/vector-im/riot-web/issues/12168	2020-01-31 13:46:42 +00:00
J. Ryan Stinnett	31476737ea	Enforce a max width on power labels	2020-01-31 10:11:34 +00:00
J. Ryan Stinnett	3ef7e5113b	Move power label to right of name ... The power label is shown to the right of the name, but hidden on hover. Part of https://github.com/vector-im/riot-web/issues/11940	2020-01-30 22:09:57 +00:00
J. Ryan Stinnett	5933bd15b1	Remove strange size change on member hover ... Unclear why this is here, but removing as it feels quite glitchy, esp on matrix.org where there's no second line to print.	2020-01-30 21:46:49 +00:00
J. Ryan Stinnett	57c4293fc6	Add verification status icons to room members ... This displays verification status on each room member tile using the same shield logic as elsewhere. Part of https://github.com/vector-im/riot-web/issues/11940	2020-01-30 21:38:40 +00:00
J. Ryan Stinnett	bae35c0859	Change power icon to label instead	2020-01-30 16:40:25 +00:00
J. Ryan Stinnett	6d47f9620f	Adjust icons with in person with design	2020-01-29 14:28:19 +00:00
Markus Stange	9821e25e0b	Tweak styling of unread indicator circle. ... This makes the element symmetric and reduces the size of the hit target. With the previous styling, the mid-circle glyph was sometimes offset from the center. Furthermore, the large font size increased the hit box of the ::after element, eating into the scroll up arrow button's hit target. It might be a good idea to give the ::after element pointer-events:none so that the scroll up button is clickable in its entirety. Signed-off-by: Markus Stange <mstange@themasta.com>	2020-01-28 15:35:34 +01:00
David Baker	098d097922	Re-enable stylelint on CI	2020-01-24 14:03:31 +00:00
Zoe	131aacd3ab	Merge pull request #3929 from matrix-org/zip/11840-tooltips-on-padlocks ... Seperates out the padlock icon, and adds a tooltip	2020-01-24 13:26:59 +00:00
Michael Telatynski	2c40b73ff6	Merge pull request #3910 from matrix-org/t3chguy/cross-signing-composer ... Cross Signing redesign for composer	2020-01-24 13:18:09 +00:00
Zoe	a6fcbcacf6	Seperates out the padlock icon, and adds a tooltip ... Fixes https://github.com/vector-im/riot-web/issues/11840	2020-01-24 12:06:21 +00:00
Zoe	1d686fe49e	Merge pull request #3908 from matrix-org/zip/11935-room-list-decoration ... Room list reflects encryption state	2020-01-24 11:14:53 +00:00
Zoe	e9dccd1460	moving icons exactly one pixel to the right and one pixel down	2020-01-23 14:44:57 +00:00
Michael Telatynski	662b34c8db	Update MessageComposer placeholder and e2e icon size	2020-01-23 14:38:39 +00:00
Michael Telatynski	30bfd4046d	improve spacing of buttons on RoomPreviewBar	2020-01-23 12:27:25 +00:00
Zoe	d68db74efe	Room list reflects encryption state	2020-01-23 10:46:05 +00:00
Zoe	0809d7dcba	Merge pull request #3875 from matrix-org/zip/11880-message-shields ... Verify individual messages via cross-signing	2020-01-21 18:11:36 +00:00
Michael Telatynski	587ff6ad75	Merge pull request #3844 from matrix-org/t3chguy/roving ... Implement Roving Tab Index and Room List as TreeView	2020-01-21 17:36:30 +00:00
Christopher	ccd3234873	Moved read receipts to the bottom of the EventTile.	2020-01-21 16:14:01 +00:00
Zoe	c8a2f6a5a0	Move room header shields over the avatar for the room ... Currently this is calibrated like the lil' DM icon is	2020-01-21 13:33:16 +00:00
Zoe	befd4e1f5a	shout more for unknown devices, but keep the tooltip	2020-01-20 17:25:08 +00:00
Zoe	12c4e45387	User verified but device deleted isn't a useful state	2020-01-20 17:15:38 +00:00
Zoe	f77eb07849	Verify individual messages via cross-signing ... Fixes #11880	2020-01-20 15:16:41 +00:00
Michael Telatynski	e6ab18c9ba	Merge branches 'develop' and 't3chguy/roving' of github.com:matrix-org/matrix-react-sdk into t3chguy/roving ... Conflicts: src/components/views/rooms/RoomList.js	2020-01-16 00:31:43 +00:00
Travis Ralston	7bfb3686cd	Merge pull request #3839 from matrix-org/travis/sourcemaps ... Fix sourcemaps by refactoring the build system	2020-01-15 10:11:33 -07:00
Michael Telatynski	5252cf4c45	Implement roving tab index context based magic thing and demo on LeftPanel ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2020-01-15 02:44:22 +00:00
Travis Ralston	5fd27a10bb	Merge branch 'develop' into travis/sourcemaps	2020-01-13 11:19:41 -07:00
Zoe	a56bf5398d	lint	2020-01-13 14:54:39 +00:00
Zoe	e43174c636	Show padlock in room headers for invite-only rooms ... Fixes #11832	2020-01-13 14:49:23 +00:00
Zoe	5551b207c1	Actually, this task was about join rules, not encryption ones. Oops.	2020-01-10 16:33:08 +00:00
Travis Ralston	fde32f13a5	[CONFLICT CHUNKS] Merge branch 'develop' into travis/sourcemaps-develop	2020-01-09 14:15:09 -07:00
Zoe	e9032a9f61	Move the lock icon within the feather-customised directory	2020-01-09 16:00:36 +00:00
Zoe	5d22561815	Display a padlock icon beside encrypted rooms in the room list ... https://github.com/vector-im/riot-web/issues/11226	2020-01-09 15:42:31 +00:00
J. Ryan Stinnett	76f3a08909	Merge pull request #3800 from matrix-org/jryans/key-backup-dialogs-4s ... Update key backup creation and recovery paths for SSSS	2020-01-03 16:32:02 +00:00
J. Ryan Stinnett	4211ec5063	Fix DOM structure in RoomRecoveryReminder ... Buttons (which end up as <div>s) aren't allowed inside <p>s.	2020-01-03 13:51:45 +00:00
David Baker	ffba19bd61	Remove E2eIcon onClick ... It displayed the Encrypted Event Info dialog, but this full of super advanced debug information and base64 strings that no normal users should ever have to see. It's still accessible via the comtext menu (ie. the same place as 'View Source').	2020-01-02 16:52:25 +00:00
Michael Telatynski	22fe0add3c	Make UserOnlineDot more generic	2019-12-26 18:14:46 +00:00
Travis Ralston	e7928e8def	Use flex-start instead of start for postcss ... This is just something the loaders complain about - apparently `start` is old and we should feel bad.	2019-12-22 20:56:19 -07:00
Michael Telatynski	6c1944359e	Add RoomTile online indicator to DMs	2019-12-19 14:29:46 +00:00
David Baker	be914c7b0c	Merge pull request #3728 from matrix-org/jryans/verify-users ... Verify users when cross-signing enabled	2019-12-16 10:12:46 +00:00
J. Ryan Stinnett	2df72bfde2	Update room / user decoration for cross-signing	2019-12-13 17:57:26 +00:00
Michael Telatynski	17a42cd287	Make LInkPreviewWidget close button Keyboard & SR Accessible	2019-12-13 14:02:50 +00:00
Michael Telatynski	f079c2fdd2	Merge pull request #3709 from matrix-org/t3chguy/what-input ... Add what-input to allow different scoping to focus-visible for MAB a11y	2019-12-09 13:45:59 +00:00
Michael Telatynski	4be8b87869	Add what-input to allow different scoping to focus-visible for MessageActionBar keyboard a11y ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-12-07 13:07:52 +00:00
Michael Telatynski	86e52d1ef3	Mark the This/All Rooms scope buttons as radios for a11y ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-12-07 12:45:28 +00:00
Travis Ralston	33044d713e	Match e2e icons on events to expectations ... Fixes https://github.com/vector-im/riot-web/issues/11547 Steps taken: * Convert `E2ePadlock` to a class-style component so the hover state can be tracked (tooltips). * Convert the image mask to a background image to keep the `!` in the shield. * Update copy.	2019-12-03 22:41:22 -07:00
Matthew Hodgson	e77cf2b87e	Merge pull request #3653 from matrix-org/bwindels/fixe2eicons ... Fix e2e icons	2019-11-21 19:01:17 +00:00
Bruno Windels	f75e45a715	reduce margin on e2e icon in room header	2019-11-21 18:17:55 +01:00
Bruno Windels	854f27df3f	remove obsolete style from message composer for e2e icon as it's now the default size for the e2e iconn	2019-11-21 18:16:10 +01:00
Bruno Windels	cb0e6ca5d2	dont make e2e icons themable, as they have multiple colors	2019-11-21 18:13:01 +01:00
Travis Ralston	fd12eb28e7	Move many widget options to a context menu ... Part of https://github.com/vector-im/riot-web/issues/11262	2019-11-20 19:17:42 -07:00
Travis Ralston	f6394b1251	Remove stray colour correction on composer e2e icon ... We want it to match the room header	2019-11-20 11:03:53 -07:00
Travis Ralston	93e4de9861	Fix positioning and sizing of e2e icon in the composer ... This also removes the special case class for the composer because the input is now aligned regardless of icon.	2019-11-20 11:00:39 -07:00
Bruno Windels	f9b5678b06	Merge pull request #3631 from matrix-org/bwindels/userinfo-css-fixes ... Fix some styling regressions in member panel	2019-11-19 13:24:06 +00:00
Bruno Windels	5f7b0fef33	scale (new) icons to fit available size ... fixes https://github.com/vector-im/riot-web/issues/11399	2019-11-19 12:55:28 +01:00
Bruno Windels	39939de04f	remove white background on ! and ✅ so it looks better on dark theme	2019-11-19 12:51:46 +01:00
Travis Ralston	6b726a8e13	Implement the bulk of the new widget permission prompt design ... Part 1 of https://github.com/vector-im/riot-web/issues/11262 This is all the visual changes - the actual wiring of the UI to the right places is for another PR (though this PR still works independently). The help icon is known to be weird here - it's a bug in the svg we have. The tooltip also goes right instead of up because making the tooltip go up is not easy work for this PR - maybe a future one if we *really* want it to go up.	2019-11-15 14:26:16 -07:00
Bruno Windels	0f39a9f72d	fix pr feedback	2019-11-15 17:29:38 +01:00
Bruno Windels	942a1c9a56	fix e2e icon in composer having wrong colors	2019-11-15 16:14:18 +01:00
Bruno Windels	73b6575082	fixup: verified shield should be green	2019-11-15 16:14:18 +01:00
Bruno Windels	f4988392f9	restyle e2e icons	2019-11-15 16:14:18 +01:00
J. Ryan Stinnett	cc9ef57f0e	Merge pull request #3609 from matrix-org/jryans/rounded-style-bar ... Fix draw order when hovering composer format buttons	2019-11-11 17:40:58 +02:00
J. Ryan Stinnett	ef05294133	Fix draw order when hovering composer format buttons ... This ensures all 4 sides of a button show the hover border colour as intended. Another part of https://github.com/vector-im/riot-web/issues/11203	2019-11-11 10:24:40 +00:00
J. Ryan Stinnett	719709250b	Merge pull request #3605 from matrix-org/jryans/rounded-style-bar ... Fix rounded corners for the formatting toolbar	2019-11-08 20:01:31 +02:00
J. Ryan Stinnett	e161e99b63	Fix rounded corners for the formatting toolbar ... The formatting toolbar is meant to have rounded corners like the message action bar. Fixes https://github.com/vector-im/riot-web/issues/11203	2019-11-08 17:46:08 +00:00
J. Ryan Stinnett	2a5dc9bfac	Remove lint comments about no-descending-specificity ... We have disabled the `no-descending-specificity` stylelint rule, so we no longer need these block comments.	2019-11-08 16:35:42 +00:00
David Baker	3070ee6d7b	Put back the grouped rule & disable the linting rule instead	2019-11-08 16:10:51 +00:00
David Baker	4283f9ec74	Split CSS rule to fix descending specificity lint error	2019-11-08 16:01:53 +00:00
Bruno Windels	2516d8ee61	fix repeated css class	2019-11-07 20:11:31 +01:00
Bruno Windels	0d2f9c4215	add verification request tile + styling	2019-11-07 19:54:56 +01:00
David Baker	328fc5a02d	fix style lint	2019-11-06 10:41:10 +00:00
Michael Telatynski	888da3ad84	delint stylesheet	2019-11-05 12:01:30 +00:00
Michael Telatynski	99c8a909b3	Fix focus-within on EventTile and more showing onClick	2019-11-04 16:47:20 +00:00
Michael Telatynski	92ee50fb77	Merge pull request #3587 from matrix-org/t3chguy/a11y_message_actions_bar ... Improve A11Y of timeline. Show timestamp & Actions on focus-within	2019-11-04 10:33:16 +00:00
Michael Telatynski	10a63ada48	Fix SVG mask-image usage in a bunch of places for correct outlining	2019-11-01 14:46:30 +00:00
Michael Telatynski	fd4cdd0dec	Improve A11Y of timeline. Show TS & Actions on focus-within	2019-11-01 10:50:58 +00:00
Michael Telatynski	3400808f6e	Use navigation treeview aria pattern for roomlist sublists and tiles ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-10-17 15:53:39 +01:00
Tulir Asokan	d282675bc6	Improve reply rendering ... Signed-off-by: Tulir Asokan <tulir@maunium.net>	2019-10-13 15:08:50 +03:00
Bruno Windels	4bd72b1494	dont let placeholder show scrollbar when composer is narrow	2019-10-02 11:36:56 +02:00
Bruno Windels	15b7a5af31	fix contrast issue ... when badges with and without highlighted state have a very different brightness (as they might do in dark mode), hardcoding the fg color of a badge independent of it's highlighted state to $accent-fg-color doesn't work well, so add an extra SASS variable we can reassign to something more specific in the custom theme	2019-10-01 16:58:14 +02:00
Bruno Windels	0ab7962ebd	add z-index to format bar so it appears above status area and reply wrapper	2019-09-23 14:06:59 +02:00
Bruno Windels	df8ce7fb33	Show placeholder for empty slot in breadcrumbs	2019-09-12 14:46:54 +02:00
Bruno Windels	80dd5a1b0a	add explore button next to filter field	2019-09-10 10:55:55 +02:00
Bruno Windels	06143ba7a1	show keyboard shortcuts in format button tooltip	2019-09-06 10:59:41 +02:00
Bruno Windels	042822c90a	copyright is solely assigned to matrix foundation now, copy paste error	2019-09-06 10:39:19 +02:00
Bruno Windels	b4b9c7d072	Add tooltip for format buttons	2019-09-06 10:39:19 +02:00
Bruno Windels	da29057fd8	move format bar to own component	2019-09-06 10:39:19 +02:00
Bruno Windels	e3d70f3999	ensure selection is not lost upon clicking format bar in chrome	2019-09-05 11:01:44 +02:00
Bruno Windels	af535986d2	fix css lint	2019-09-04 16:40:34 +02:00
Bruno Windels	e7db660820	fixup: css, we have 5 buttons	2019-09-04 16:39:07 +02:00
Bruno Windels	65ddfc0a50	show format bar when text is selected	2019-09-04 16:35:03 +02:00
Bruno Windels	1063da0ed1	Revert "New composer: show markdown legend on focus"	2019-09-03 08:27:45 +00:00
Bruno Windels	b7768f34f2	Add legend and style it	2019-09-02 16:15:18 +02:00
Sorunome	fe9ae46ffb	Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into soru/spoilers	2019-08-28 20:23:24 +02:00
Bruno Windels	eddaece43e	add visual bell color to theme + choose better value for dark mode	2019-08-28 18:00:57 +02:00
Bruno Windels	85efb71a23	add visual bell when no replacements are available ... also add try/catch in _tabCompleteName so errors don't get swallowed	2019-08-28 15:53:16 +02:00
Bruno Windels	4a27abb131	fix css lint	2019-08-22 15:11:31 +01:00
Bruno Windels	71286b5610	restore reply_to_event action	2019-08-22 13:33:20 +01:00
Bruno Windels	d4ca087abe	fix styling issues ... - grow/shrink between min and max height correctly - don't grow wider than available space - some space between editor and buttons	2019-08-22 13:33:20 +01:00
Bruno Windels	33c6945fc4	align autocomplete at top of composer	2019-08-22 13:33:20 +01:00
Bruno Windels	64e83a8111	font-size	2019-08-22 13:33:20 +01:00
Bruno Windels	f9992a1fc6	implement editor placeholder	2019-08-22 13:33:20 +01:00
Bruno Windels	cfbd2e9cc8	support basic sending with new main composer ... this removes all formatting options, as the new editor doesn't have any.	2019-08-22 13:33:20 +01:00
Bruno Windels	92d7263046	move editor padding to edit specific style file ... as it will be different for the main composer	2019-08-22 13:33:20 +01:00
Bruno Windels	505846ce53	split up css, update class names	2019-08-22 13:33:20 +01:00
Anton Zuenko	a3eb45e0b9	Fix waste of space of collapsed left panel ... Signed-off-by: Anton Zuenko <anton@zuenko.ru>	2019-08-05 18:03:20 +02:00
J. Ryan Stinnett	2d4264c39d	Keep widget URL in permission screen to one line ... This keeps the widget URL to one line max, so that the allow button will always be visible. The full URL can be viewed by hovering. Fixes https://github.com/vector-im/riot-web/issues/10402	2019-07-23 18:06:37 +01:00
J. Ryan Stinnett	ca1e5bb3ae	Comment disabled rules	2019-07-11 09:30:01 +01:00
J. Ryan Stinnett	38d6953bf6	Manually fix remaining stylelint issues	2019-07-10 16:56:40 +01:00
J. Ryan Stinnett	dd2079bffc	Auto-fix stylelint issues ... These `stylelint` issues were autofixed by the tool itself and look sane to me.	2019-07-10 16:56:40 +01:00
Bruno Windels	353f5a205c	Merge pull request #3170 from matrix-org/bwindels/handle-associated-failures ... Handle associated event send failures	2019-07-03 09:02:58 +00:00
Bruno Windels	fc3c4fccc2	set background on highlighted messages	2019-07-02 18:31:11 +02:00
Bruno Windels	1af8da4a4a	change lozenge color of unsent redacted events to red ... use css vars so we don't have to repeat the whole lozenge style	2019-07-01 11:06:55 +02:00
Michael Telatynski	49b89217a3	MemberInfo wrap Device Name/ID ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-06-30 19:21:19 +01:00
Travis Ralston	7f2ab39609	Merge pull request #3142 from matrix-org/travis/preview-loading ... Show a loading state for slow peeks	2019-06-27 09:24:25 -06:00
Bruno Windels	15d286ed93	Merge pull request #3144 from matrix-org/bwindels/edit-history ... Edit history dialog	2019-06-26 14:38:53 +00:00
Bruno Windels	498db2597d	show hand on hovering (edited) marker	2019-06-26 12:15:13 +02:00
Bruno Windels	c9aa7efe54	don't require EventTile for default timestamp style	2019-06-26 11:59:56 +02:00
Travis Ralston	ca6ddf324f	Show a loading state for slow peeks	2019-06-25 20:56:33 -06:00
Travis Ralston	0701d89bbe	Fix upgrade warning being chopped off ... The flex box was behaving a bit strange, so we just wrap the content and change `height: 235px` to `max-height: 235px` to get scrollbars.	2019-06-25 15:40:22 -06:00
Bruno Windels	f9188bca92	reduced opacity for pending redactions	2019-06-18 13:48:51 +02:00
Michael Telatynski	4fda6c21de	Use overflow on MemberInfo name/mxid so that the back button stays ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-06-12 21:58:10 +01:00
Sorunome	eddac4b188	blur spoilers	2019-06-11 21:08:45 +02:00
Hubert Chathi	4ab491f823	truncate long display names in timeline headings ... partial fix for vector-im/riot-web#5739	2019-06-06 22:41:10 -04:00
J. Ryan Stinnett	4b18bb17fe	Show read receipts on top of message ... This allows you to view a long expanded set of read receipts even while hovering a message. Fixes https://github.com/vector-im/riot-web/issues/7608	2019-06-06 14:02:35 +01:00
J. Ryan Stinnett	2be00ee0e0	Native emoji require extra line-height ... Increase line-height so that native emoji aren't cut off when we fall back to them. Fixes https://github.com/vector-im/riot-web/issues/9898	2019-05-30 10:26:12 +01:00
Sorunome	d8f4512439	add basic spoiler support	2019-05-22 20:41:27 +02:00
Bruno Windels	2d4d608ed6	Merge pull request #2997 from matrix-org/bwindels/pill-avatars ... Message editing: render avatars for pills in the editor	2019-05-21 12:11:06 +00:00
Bruno Windels	e48e72c162	pr feedback	2019-05-21 13:50:27 +02:00
Bruno Windels	7c03d71607	give continued events a little bit of top padding ... this way, the background isn't clipped at the top	2019-05-21 12:20:58 +02:00
Matthew Hodgson	d3f06763b3	Merge branch 'develop' into matthew/twemoji	2019-05-20 16:38:44 +01:00
Bruno Windels	1368a5eb80	Merge pull request #2996 from matrix-org/bwindels/composerdesign ... Message editing: apply design	2019-05-20 08:42:41 +00:00
Matthew Hodgson	e48cc44cba	apply monospace font correctly	2019-05-19 17:41:18 +01:00
Matthew Hodgson	069a5a9546	remove obsolete emojione css	2019-05-19 17:11:41 +01:00
Matthew Hodgson	24b03374ac	moar lineheight needed for big twemoji	2019-05-19 16:48:29 +01:00
Bruno Windels	f9462d1012	hide timestamp while editing	2019-05-17 16:01:52 +01:00
Bruno Windels	ddefeae136	update design of editor to look as close to original tile (and design) ... the buttons below the composer are overlayed onto the previous event. In case of the last event, for now we make them not overflow, but make the tile grow. The design says it should overlay on the main composer for the last event tile, postponing that for a bit though as not sure what is the best way to do that.	2019-05-17 15:33:11 +01:00
J. Ryan Stinnett	43c9e6d942	Reactions / editing tooltip tweaks	2019-05-17 15:10:35 +01:00
J. Ryan Stinnett	603e6b7055	Adjust edited tooltip to use shared styles	2019-05-17 12:19:02 +01:00
Bruno Windels	4a6725d4c2	Message editing: show (edited) marker on edited messages, with tooltip	2019-05-17 11:36:36 +01:00
Michael Telatynski	fd07b5c476	use scss variable for grey ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-05-14 23:03:02 +01:00
Michael Telatynski	3cd9c152c2	Check permission to invite before showing invite buttons/disable them ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-05-11 19:45:24 +01:00
J. Ryan Stinnett	ed8bbc7082	Extract message options button to action bar ... This adds a new action bar component to hold multiple per-message actions. This existing options button has moved to this new component, and is currently the only action.	2019-04-29 15:20:50 +01:00
J. Ryan Stinnett	530c92e03d	Rename event edit button to options button ... This naming is clearer as it doesn't really edit at all (it shows a context menu). This should also be less confusing with actual editing when it arrives.	2019-04-29 15:20:50 +01:00
Luca Weiss	12f92c49a6	Mark a few CSS classes as not selectable ... Should be enough to make copy-pasting not a nightmare. For vector-im/riot-web#7460 Also remove an instance where the vendor prefixes were used, but a build step adds those automatically Signed-off-by: Luca Weiss <luca@z3ntu.xyz>	2019-04-23 19:52:48 +02:00
Bruno Windels	1100320351	make non-member inviter name also bold	2019-04-17 11:02:58 +02:00
Bruno Windels	86620839ae	make username clickable	2019-04-17 10:57:45 +02:00
Bruno Windels	8a371080d7	colored inviter name and layout	2019-04-17 10:22:35 +02:00
Bruno Windels	e40757a801	make sure long subtitles dont overflow	2019-04-16 16:19:50 +02:00
Bruno Windels	c1ff5f2fba	implement style	2019-04-15 17:11:26 +02:00
Bruno Windels	01e9de9a3a	differentiate style based on preview or not	2019-04-12 12:54:13 +02:00
Bruno Windels	0553a6f1d6	some style changes	2019-04-11 13:07:54 +02:00
Travis Ralston	223498a979	Merge pull request #2874 from matrix-org/travis/breadcrumbs/dms ... Add an indicator to show a room is a direct chat in breadcrumbs	2019-04-05 08:15:12 -06:00
Travis Ralston	b7e557e49a	Autohide the scrollbar on breadcrumbs ... Fixes https://github.com/vector-im/riot-web/issues/9349	2019-04-04 16:27:00 -06:00
Travis Ralston	095e6a3ba6	Add an indicator to show a room is a direct chat ... Fixes https://github.com/vector-im/riot-web/issues/8797	2019-04-04 14:31:23 -06:00
Travis Ralston	f5600fd4d7	Add badges to breadcrumb rooms ... Fixes https://github.com/vector-im/riot-web/issues/8606	2019-04-03 15:29:15 -06:00
Travis Ralston	7e2291592c	Apply 50% opacity to left breadcrumbs ... Fixes https://github.com/vector-im/riot-web/issues/8564 We listen for membership changes to make sure the state is kept up to date.	2019-04-01 11:59:39 -06:00
Bruno Windels	a326c83016	Merge pull request #2842 from matrix-org/bwindels/bacat-scrolling-merged-develop ... BACAT Scrolling	2019-03-29 14:02:15 +00:00
Travis Ralston	9b64dd0cd7	Support horizontal scrolling on breadcrumbs ... Fixes https://github.com/vector-im/riot-web/issues/8714 Fixes https://github.com/vector-im/riot-web/issues/8890 Fixes https://github.com/vector-im/riot-web/issues/9034 Fixes https://github.com/vector-im/riot-web/issues/8954 This turned out to be much more complicated than it needed to be. We use an IndicatorScrollbar to do all the math for us and some minor changes have been made so it can flag left/right overflow. The complicated part is the css changes which make the gradients work: unlike the RoomSubList, we have to calculate the offset of the indicators (gradients) on our own because position:sticky doesn't work horizontally. The changes to the css (well, mostly pointer-events:none) make it so the gradient doesn't interfere with the room avatars. 9034 and 8954 are fixed by this because they represent an overflow-x:none style breakage where browsers won't let you scroll without a scrollbar. The gradient offset problem is also demonstrated in 8954.	2019-03-27 17:52:05 -06:00
Bruno Windels	494779393f	Merge branch 'develop' into bwindels/bacat-scrolling	2019-03-21 13:50:32 +01:00
Travis Ralston	f6e3437944	Update text in RoomUpgradeWarningBar to match suggestions	2019-03-15 16:08:35 -06:00
Travis Ralston	5cea8e846c	Merge pull request #2794 from matrix-org/travis/offline-members ... Fix CSS syntax errors preventing offline member opacity from working	2019-03-15 08:46:56 -06:00
Bruno Windels	dad382a4b7	use AutoHideScrollbar in memberlist	2019-03-15 10:16:21 +01:00
Travis Ralston	e4181c4e3e	Make the EntityTile chevron a masked SVG for theming ... Fixes https://github.com/vector-im/riot-web/issues/7320	2019-03-14 15:59:00 -06:00
Travis Ralston	56620286b5	Fix CSS syntax errors preventing offline member opacity from working ... Fixes https://github.com/vector-im/riot-web/issues/9178	2019-03-14 15:13:35 -06:00
J. Ryan Stinnett	45063cad4a	Merge pull request #2780 from jryans/auth-validation ... Initial portions of support for Field validation	2019-03-14 10:19:21 +00:00
J. Ryan Stinnett	a719839d9f	Use a distinct color for selected autocomplete items ... This restores the ability to see which autocomplete item is selected (which seems to have gotten lost during redesign). Fixes https://github.com/vector-im/riot-web/issues/9134	2019-03-12 14:51:37 +00:00
Matthew Hodgson	40f16fa310	adds validation for fields. ... * renames RoomTooltip to be a generic Tooltip (which it is) * hooks it into Field to show validation results * adds onValidate to Field to let Field instances call an arbitrary validation function Rebased from @ara4n's https://github.com/matrix-org/matrix-react-sdk/pull/2550 by @jryans. Subsequent commits revise and adapt this work.	2019-03-12 14:02:54 +00:00
Travis Ralston	241309ab83	Use CSS for hovering the tile	2019-03-07 14:55:17 -07:00
Bruno Windels	18d897298d	ensure flair is 16px high ... so it doesn't push the message down	2019-03-05 14:49:07 +01:00
Bruno Windels	69016e32a4	fix margin on e2e icon in member panel	2019-02-28 15:39:10 +01:00
J. Ryan Stinnett	4b340450b9	Rename Feather icon directory to feather-customised ... These icons are based on Feather as the original source, but they have various tweaks applied, such as stroke width, color, etc. Hopefully the tweaked name makes this more obvious in the future.	2019-02-27 10:42:10 +00:00
J. Ryan Stinnett	3b3f0ea957	Move E2E icons out of feather dir ... They appear to all be created by Nad, according to https://github.com/matrix-org/matrix-react-sdk/pull/2557.	2019-02-26 20:31:32 +00:00
Nad Chishtie	88dfd3287f	Normalise room list font weight and make bold when there are unreads.	2019-02-25 11:02:27 -07:00
Michael Telatynski	fa5f1df194	Fix z ordering of the overflow tile ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-02-24 03:18:21 +00:00
Bruno Windels	f11505a9de	bring back user page ... Adds a UserView that contains a MainSplit with an empty div and a RightPanel, preset to the given member. UserView fetches the profile and creates a fake member, which it passed on to the RightPanel. this doesn't use the view_user action on purpose, to avoid any interference of the UserView when trying to view a room member.	2019-02-20 12:45:55 +01:00
J. Ryan Stinnett	edf10dbdde	Merge pull request #2659 from jryans/dark-theme-more-2 ... Dark theme follow ups round 2	2019-02-19 17:51:29 +00:00
J. Ryan Stinnett	e7a84b33e8	Merge pull request #2653 from matrix-org/benp/prevent-accidental-username-clicking ... make mx_SenderProfile inline-block, reduces clickable area around usernames	2019-02-19 12:26:27 +00:00
J. Ryan Stinnett	5fb990eb5f	Convert Markdown button to SVG mask ... This makes it easier to theme via CSS, which helps with the dark theme.	2019-02-18 18:26:52 +00:00
J. Ryan Stinnett	09ed795c79	Allow theming member info minimise button	2019-02-18 16:02:10 +00:00
Travis Ralston	25525f93d2	Merge pull request #2655 from aaronraimist/fix-pre-dark ... Make pre use the same text color as code	2019-02-16 11:36:26 -07:00
Aaron Raimist	9bc0ae7fc5	Add comment ... Signed-off-by: Aaron Raimist <aaron@raim.ist>	2019-02-16 12:28:42 -06:00
Travis Ralston	b27f3688f1	Merge pull request #2649 from AndrewJDR/reinstate_lowered_opacity_for_offline_avatars ... Bring back the lowered opacity for offline/unavailable avatars.	2019-02-15 22:42:25 -07:00
Aaron Raimist	eb908dbd0d	Make pre use the same text color as code ... Signed-off-by: Aaron Raimist <aaron@raim.ist>	2019-02-15 21:38:49 -06:00
Ben Parsons	3f8ff77b7e	make mx_SenderProfile inline-block, stops accidental name inserting	2019-02-15 15:55:16 +00:00
Bruno Windels	d40da42268	Merge pull request #2647 from matrix-org/bwindels/e2eiconwholeeventhover ... highlight e2e icon on event when hovering whole event	2019-02-15 15:26:20 +01:00
Bruno Windels	c39c0e4834	fix for the ... button not being aligned for group invite tiles	2019-02-15 13:07:33 +01:00
Andrew Johnson	85930fca70	Bring back the lowered opacity for offline/unavailable avatars. ... At some point during the riot redesign, the bit of css that lowered the opacity for offline/unavailable contacts was removed. This makes it impossible to discern presence for a contact unless you hover your cursor over their avatar. It's very handy to be able to see presence at a glance without any hovering, so this PR reintroduces the lowered opacity. I've also slightly decreased the opacity level from 0.66 to 0.5 to make it slightly more noticable.	2019-02-15 03:31:55 -08:00
Bruno Windels	840f3cede8	highlight e2e icon on event when hovering whole event	2019-02-14 18:04:15 +01:00
Bruno Windels	84b53faf9e	make e2e icons on message transparent	2019-02-14 17:00:47 +01:00
J. Ryan Stinnett	5f6907c85e	Improve gradients for Safari	2019-02-13 15:06:40 +00:00
J. Ryan Stinnett	fb4fd54f6f	Stop gradients at panel bg color	2019-02-13 13:48:56 +00:00
Matthew Hodgson	4c56b45a9f	back out bold unread	2019-02-13 12:46:08 +00:00
Matthew Hodgson	8464155663	fix topic & room name alignment in header	2019-02-13 12:16:09 +00:00
J. Ryan Stinnett	e6f9b7a109	Merge pull request #2619 from matrix-org/jryans/dark-theme-redesign ... Add redesigned dark theme	2019-02-13 11:45:30 +00:00
Will Hunt	c9e11050f2	Merge pull request #2610 from matrix-org/hs/weighting-for-rooname ... Fix mx_RoomTile_name weighting	2019-02-13 11:24:05 +00:00
J. Ryan Stinnett	6c954dadc8	Allow theming message composer buttons	2019-02-13 10:47:04 +00:00
J. Ryan Stinnett	8652a094f3	Allow theming room header buttons	2019-02-13 10:47:04 +00:00
Bruno Windels	875f792728	Merge pull request #2620 from matrix-org/bwindels/e2eiconsanddialog ... Fixes and styling related to e2e icons and dialogs	2019-02-13 09:18:58 +01:00
Bruno Windels	12b6383831	Merge pull request #2618 from matrix-org/bwindels/fixstickers ... Fix: stickers layout	2019-02-13 09:17:21 +01:00
Will Hunt	e2cecad535	Update _RoomTile.scss	2019-02-12 19:21:31 +00:00
Bruno Windels	4d3cc0a53f	fix e2e icon top offset in compact mode	2019-02-12 19:14:46 +01:00
Bruno Windels	92668628ec	fix sticker layout	2019-02-12 16:55:37 +01:00
Will Hunt	946a910692	Probably could reduce it to this?	2019-02-12 12:06:53 +00:00
Will Hunt	56bb6c870a	You are no longer needed	2019-02-12 12:06:23 +00:00
Bruno Windels	24cb46a991	should be on the left with animations so the animate class can clear it	2019-02-12 12:22:50 +01:00
Bruno Windels	229d905835	copyright	2019-02-12 12:21:40 +01:00
Bruno Windels	2315e4bfb4	add animation when adding a room	2019-02-12 12:16:56 +01:00
Bruno Windels	5efd92f3ec	make rooms come in from left rather than the right	2019-02-12 11:26:46 +01:00
Bruno Windels	aaea40a93d	add breadcrumbs component	2019-02-12 11:04:25 +01:00
Will Hunt	4a46a3e4e0	Fix mx_RoomTile_name weighting	2019-02-11 13:54:52 +00:00
Will Hunt	119806bdbd	!important shouldn't have a space ... I wonder if this is making SCSS choke.	2019-02-11 13:31:06 +00:00
David Baker	9b4a6cf442	Make prettier	2019-02-08 16:27:25 +00:00
Travis Ralston	eac50aa800	Remove old user and room settings ... This takes out the old user and room settings, replacing the paths with the new dialog editions. The labs setting has been removed in order to support this change. In addition to removing the old components outright, some older components which were only used by the settings pages have been removed. The exception is the ColorSettings component as it has a high chance of sticking around in the future. Styles that were shared by the settings components have been broken out to dedicated sections, making it easier to remove the old styles entirely. Some stability testing of the app has been performed to ensure the app still works, however given the scope of this change there is a possibility of some broken functionality.	2019-02-04 13:40:21 -07:00
Bruno Windels	7ccc694eea	minimal theming on app permission in widget	2019-02-01 23:24:56 +01:00
Bruno Windels	e2ce12f5c1	wip	2019-02-01 23:15:14 +01:00
Bruno Windels	ce5e56aaac	update icons in member info device section	2019-02-01 17:32:46 +01:00
Bruno Windels	21fe266394	add icon to member info to indicate all devices of a user are trusted	2019-02-01 17:08:09 +01:00
Bruno Windels	88ad780b6b	update message e2e icons ... also remove encrypted icon as header/composer already indicate encryption	2019-02-01 16:43:12 +01:00
Bruno Windels	09c3391dd8	replace existing icon in composer with the new one	2019-02-01 13:40:42 +01:00
Bruno Windels	f2928c184d	create warning/verified icon to use in header/composer/member info	2019-02-01 13:39:56 +01:00
Bruno Windels	f60cfe5cb2	Merge pull request #2545 from matrix-org/bwindels/missingavatarlayout ... layout composer independent of avatar being present	2019-01-31 14:41:44 +00:00
Bruno Windels	afed1b725d	layout composer independent of avatar being present	2019-01-31 15:13:18 +01:00
Matthew Hodgson	f658288f2b	Merge pull request #2543 from matrix-org/matthew/cyrillic ... Matthew/cyrillic	2019-01-31 13:11:14 +01:00
Matthew Hodgson	47f775f579	apply correct weight on unread roomtiles	2019-01-31 13:10:11 +01:00
Matthew Hodgson	2fc6f89953	remove italics CSS skew	2019-01-31 11:51:26 +01:00
Bruno Windels	c9900deebe	center invite button caption	2019-01-30 16:24:25 +01:00
Bruno Windels	3a8e0aec48	Merge pull request #2533 from matrix-org/bwindels/avoidcomposerhscroll ... avoid horizontal scrollbar in composer when placeholder doesn't fit	2019-01-30 12:35:10 +00:00
Bruno Windels	13b97ee332	avoid horizontal scrollbar in composer when placeholder doesn't fit	2019-01-30 12:53:15 +01:00
Bruno Windels	3f7f984536	also don't stretch buttons when text is larger	2019-01-30 11:23:31 +01:00
Bruno Windels	015c14237d	stretch device label in member info if content doesn't fill it	2019-01-30 11:20:20 +01:00
Bruno Windels	7d6f551841	small makeover of member info panel ... this removes the style sharing between the verify buttons in the memberinfo panel and and the encrypted event dialog because the diverge too much now.	2019-01-29 21:14:16 +01:00
David Baker	2d61a2508d	Merge pull request #2514 from matrix-org/bwindels/roomlistjslayout-bis ... Redesign: new roomlist layout fixes	2019-01-28 15:53:28 +00:00
Bruno Windels	79a44b1bfb	always hide overflow on RoomList in case Layout screws up	2019-01-28 16:03:49 +01:00
Bruno Windels	55e0838c82	Merge pull request #2507 from matrix-org/bwindels/roomlistjslayout ... Redesign: new layout algorithm for room sublists.	2019-01-28 14:55:31 +00:00
Bruno Windels	a5297303b0	remove flexbox layout	2019-01-24 15:44:16 +01:00
Christopher Medlin	be94e1aebc	Fix integrations error popup ... Signed-off-by: Christopher Medlin <christopherjmedlin@protonmail.com>	2019-01-22 11:44:55 -08:00
Bruno Windels	5dd5f4f1dc	add JumpToBottomButtom component	2019-01-22 14:49:04 +01:00
J. Ryan Stinnett	20e296b20e	Convert image URLs in React to require calls ... This allows Webpack to insert the proper image URL after builds steps like adding a hash and so on. The path you supply to `require` is relative to the JS source file, just like any other would be.	2019-01-17 22:06:49 -06:00