1701 commits

Author	SHA1	Message	Date
Bruno Windels	8359094847	Merge pull request #3145 from matrix-org/bwindels/edit-focus-border ... Add focus border to edit composer	2019-06-26 13:16:59 +00:00
Travis Ralston	8d85967824	Merge pull request #3139 from matrix-org/travis/upgrades-final ... Fix room upgrade warning being chopped off and a spelling mistake	2019-06-26 07:12:39 -06:00
Bruno Windels	2e3a6b3c0b	set 50% transparent accent color as editor focus border	2019-06-26 14:40:33 +02:00
Bruno Windels	d20b765e27	rename $accent-color-50pct to $accent-color-darker ... we'll use $accent-color-50pct for 50% transparent accent color	2019-06-26 14:34:26 +02:00
Bruno Windels	498db2597d	show hand on hovering (edited) marker	2019-06-26 12:15:13 +02:00
Bruno Windels	ddae4de7bd	cleanup: RoomDirectory doesn't use gemini anymore	2019-06-26 11:59:56 +02:00
Bruno Windels	fffdfde8ba	center dialog title	2019-06-26 11:59:56 +02:00
Bruno Windels	ee03a0f31d	recycle EventTile css to make history items look mostly similar	2019-06-26 11:59:56 +02:00
Bruno Windels	8c9a6ddf96	support edits pagination in a ScrollPanel	2019-06-26 11:59:56 +02:00
Bruno Windels	beb003b2d6	some preliminary styling	2019-06-26 11:59:56 +02:00
Bruno Windels	c9aa7efe54	don't require EventTile for default timestamp style	2019-06-26 11:59:56 +02:00
Bruno Windels	ef71e6fd4f	very basic & hackish edit history dialog	2019-06-26 11:59:56 +02:00
Jonas Schürmann	2d9fbcab70	Fix the scrollbar in the community bar ... Currently the scrollbar is always visible because the inner container is 5px bigger in height than the outer container. This is hereby fixed. Signed-off-by: Jonas Schürmann <jonasschuermann@aol.de>	2019-06-26 10:49:46 +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
J. Ryan Stinnett	93384f91f5	Show reaction title and shortcode on hover ... This shows the title and shortcode for the hovered reaction at the bottom of the tooltip. If nothing is hovered, a blank space is shown for now, but will eventually become a link to a full emoji picker in future work. Part of https://github.com/vector-im/riot-web/issues/9753	2019-06-25 18:15:03 +01:00
J. Ryan Stinnett	c1821fabd3	Remove toggling reaction dimensions ... This removes the v1 Reactions UX which only allowed you to choose only one emoji out of each pair. It is replaced by a different UX inside a tooltip and without these constraints. Part of https://github.com/vector-im/riot-web/issues/9753	2019-06-25 16:23:31 +01:00
J. Ryan Stinnett	088bbbfb91	Scale up reaction buttons on hover	2019-06-25 16:23:31 +01:00
J. Ryan Stinnett	c6f2bb4ba7	Arrange buttons in a grid	2019-06-25 16:23:30 +01:00
J. Ryan Stinnett	fd2723585f	Add quick reaction buttons in tooltip ... This adds the set of quick reactions as buttons in a new tooltip accessed via the react action in the message action bar. Part of https://github.com/vector-im/riot-web/issues/9753	2019-06-25 16:23:13 +01:00
J. Ryan Stinnett	8926992feb	Add react button to action bar ... This adds a (temporarily non-functional) react button to the action bar. Part of https://github.com/vector-im/riot-web/issues/9753	2019-06-25 15:12:30 +01:00
J. Ryan Stinnett	f366f7d2b3	Merge pull request #3131 from matrix-org/jryans/interactive-tooltip ... Add interactive tooltip style	2019-06-24 15:42:02 +01:00
J. Ryan Stinnett	80d73d8430	Add optional rounded chevron for tooltip ... We'd like to have a rounded point on the chevron for an extra level of polish. This implements that look for browsers that support `clip-path`. Part of https://github.com/vector-im/riot-web/issues/9716	2019-06-21 15:10:17 +01:00
J. Ryan Stinnett	3bd247ebaa	Tweak interactive tooltip to match design ... This tweaks the tooltip to match the color, spacing, etc. seen in the designs. Part of https://github.com/vector-im/riot-web/issues/9753 Part of https://github.com/vector-im/riot-web/issues/9716	2019-06-21 15:10:08 +01:00
J. Ryan Stinnett	32bf4588dd	Center tooltip along top or bottom of target ... This adjusts the positioning to work more the way we want: * Tooltip is position on the top or bottom edge of the target depending on where space is available * Tooltip and chevron are centered In addition, more bits borrowed from `ContextualMenu` are not needed, so they have been removed for simplicity. Part of https://github.com/vector-im/riot-web/issues/9753 Part of https://github.com/vector-im/riot-web/issues/9716	2019-06-21 15:04:19 +01:00
J. Ryan Stinnett	6dcdad028e	Clone ContextualMenu to InteractiveTooltip ... As part of reactions and editing work, we're adding a new style of tooltip that allows interacting with the content of the tooltip. `ContextualMenu` is closest out of the things we have today, but it doesn't position in quite the way we want and it's already quite complex. To get started, let's first clone that to a new `InteractiveTooltip`. Part of https://github.com/vector-im/riot-web/issues/9753 Part of https://github.com/vector-im/riot-web/issues/9716	2019-06-21 15:04:19 +01:00
J. Ryan Stinnett	b5598df3f7	Remove redundant extra chevrons from ContextualMenu ... This removes a seemingly redundant layer of extra chevrons from `ContextualMenu`. Since both chevrons are the same color, there should be no visual change.	2019-06-21 11:13:08 +01:00
J. Ryan Stinnett	b16a3c53cd	Merge pull request #3122 from matrix-org/jryans/slim-contextualmenu ... Remove unused ContextualMenu features	2019-06-19 19:18:37 +01:00
J. Ryan Stinnett	78b0f61efe	Merge pull request #3119 from matrix-org/jryans/rename-tooltip-button ... Fix casing of TooltipButton	2019-06-19 19:18:15 +01:00
J. Ryan Stinnett	dc9282c539	Remove unused ContextualMenu features	2019-06-19 14:47:15 +01:00
J. Ryan Stinnett	bb4b5d7798	TooltipButton rename step 2 of 2	2019-06-19 11:32:03 +01:00
J. Ryan Stinnett	ab4c5f0152	TooltipButton rename step 1 of 2	2019-06-19 11:30:37 +01:00
J. Ryan Stinnett	4ec7a8ddff	Fix casing of TooltipButton ... My brain can't deal with two different ways to write "Tooltip", so this converges the naming to match the rest of the code base. Separate commits will fix up the file names for case-insensitive file systems.	2019-06-19 11:26:13 +01:00
J. Ryan Stinnett	9591e6b0d3	Merge pull request #3071 from matrix-org/t3chguy/authentication_password_field ... Switch ugly password boxes to Field or styled input	2019-06-19 09:31:11 +01:00
Travis Ralston	7b514b0573	Merge pull request #3115 from matrix-org/travis/reduce-scalar-calls ... Defer scalar API calls until they are needed	2019-06-18 08:17:21 -06:00
Bruno Windels	f9188bca92	reduced opacity for pending redactions	2019-06-18 13:48:51 +02:00
Travis Ralston	a5f296457f	Make the Manage Integrations Button defer scalar auth to the manager ... This moves the responsibility of creating a URL to open from the button (and other components) to the integrations manager dialog itself. By doing this, we also cut down on scalar API calls because we don't pick up on account information until the user opens the dialog.	2019-06-17 15:29:28 -06:00
David Baker	fac6dc25f6	Merge pull request #3112 from matrix-org/dbkr/reenable_register_button ... Re-enable register button	2019-06-17 18:45:39 +01:00
Bruno Windels	872c1acdea	keep mx_Field stretching	2019-06-17 18:29:03 +02:00
David Baker	3f6bb0c7ca	Use default cursor for disabled submit button	2019-06-17 16:57:13 +01:00
Michael Telatynski	fbe8d1c89b	Switch DeactivateAccountDialog to Field and cleanups ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-06-16 10:42:46 +01:00
Michael Telatynski	3563b83762	Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/authentication_password_field	2019-06-16 10:31:30 +01:00
Bruno Windels	e4090d6b2e	Merge pull request #3104 from matrix-org/t3chguy/mx_Field_flex_1 ... Use flex: 1 for mx_Field to replace all the calc(100% - 20px) and more	2019-06-14 09:23:36 +00:00
Michael Telatynski	1090b7d912	Use flex: 1 for mx_Field to replace all the calc(100% - 20px) and more ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-06-13 23:48:47 +01: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
J. Ryan Stinnett	f981d72083	Merge pull request #3095 from matrix-org/jryans/read-marker-action-bar ... Raise action bar above read marker	2019-06-12 17:23:36 +01:00
J. Ryan Stinnett	5280d8469b	Add comment	2019-06-12 17:23:11 +01:00
J. Ryan Stinnett	4d8809882f	Raise action bar above read marker ... Use `z-index` to ensure the action bar appears above over things, like the read marker. Fixes https://github.com/vector-im/riot-web/issues/9619	2019-06-12 14:41:49 +01:00
J. Ryan Stinnett	413bff084c	Merge pull request #3087 from matrix-org/jryans/context-menu-clipping ... Align message context menu to right and vertically where space available	2019-06-12 10:19:47 +01:00
Sorunome	eddac4b188	blur spoilers	2019-06-11 21:08:45 +02:00
Travis Ralston	aacb942d57	Don't handle identity server failure as fatal, and use the right message ... Fixes https://github.com/vector-im/riot-web/issues/10002	2019-06-10 19:28:32 -06:00
J. Ryan Stinnett	3126880345	Extend context menu alignment without chevrons ... For context menus without chevrons, this changes the menu components to still set default styles that align the menu based on the edges used to specify the menu's position. This is not intended to change the positioning of any existing menus.	2019-06-10 16:07:28 +01:00
Travis Ralston	f238bbb6af	Merge branch 'develop' into jryans/reactions-rm-highlight	2019-06-07 13:20:45 -06:00
J. Ryan Stinnett	3320fd9929	Remove highlight from reactions ... This explicitly sets `color` for the reactions row to ensure it's always the fg colour, even if the event is highlighted. Fixes https://github.com/vector-im/riot-web/issues/9697	2019-06-07 15:57:34 +01:00
Hubert Chathi	41cbfe0d27	Merge pull request #3078 from uhoreg/truncate_displayname ... truncate long display names in timeline headings	2019-06-07 10:24:17 -04:00
Travis Ralston	795a273e26	Merge pull request #3067 from matrix-org/travis/fail-fast-but-not-too-fast ... Fail more softly on homeserver liveliness errors	2019-06-07 07:43:45 -06: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
Michael Telatynski	6881b47939	fix layout on password field ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-06-06 23:51:04 +01: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
Michael Telatynski	bd0e676b46	Switch ugly password boxes to Field or styled input ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-06-06 09:16:28 +01:00
Travis Ralston	ace1bde238	Implement design and copy for errors	2019-06-05 11:32:02 -06:00
Travis Ralston	635b1ff612	Merge pull request #2928 from Half-Shot/hs/custom-notif-sounds ... Custom notification sounds for rooms	2019-06-03 14:31:38 -06:00
Travis Ralston	1c41629376	Merge pull request #3043 from matrix-org/travis/check-login-for-config ... Accept JSX into the GenericErrorPage and expose local session vars	2019-05-31 11:03:41 -06:00
Will Hunt	9369e964fa	Merge remote-tracking branch 'upstream/develop' into hs/custom-notif-sounds	2019-05-31 10:44:30 +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
Travis Ralston	5c85f4609e	Accept JSX into the GenericErrorPage and expose local session vars	2019-05-29 12:09:04 -06:00
Travis Ralston	14dc4b47fa	Merge branch 'develop' into travis/feature/wellknown2	2019-05-22 23:05:54 -06:00
Sorunome	d8f4512439	add basic spoiler support	2019-05-22 20:41:27 +02:00
Bruno Windels	3d9e631d18	no space in !important ... Co-Authored-By: J. Ryan Stinnett <jryans@gmail.com>	2019-05-22 09:35:09 +00:00
Matthew Hodgson	4ae652e5c3	load twemoji dynamically as colr or sbix; fix monospace	2019-05-22 02:31:24 +01:00
Travis Ralston	907c7ed119	Merge pull request #2994 from matrix-org/travis/screenreader/topleftmenu ... Update TopLeftMenu for accessibility: Keyboard shortcut, reduced screen reader noise	2019-05-21 09:52:26 -06:00
Bruno Windels	ef4fe52d6b	Merge pull request #3002 from matrix-org/bwindels/pill-avatar-fixup ... Fixup: also change editor margin when last event and buttons are not overlaying	2019-05-21 14:33:39 +00:00
Bruno Windels	30d374dff4	also changing margin when last event and buttons are not overlaying	2019-05-21 16:06:14 +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
Bruno Windels	5d184b3f77	reuse mx_Pill styles for editor pills to avoid style duplication ... the avatar style code is still different though, as it's implemented differently This also prevents updating the css variables when not needed, which caused the avatar to flicker when updating the editor.	2019-05-21 12:19:35 +02:00
Bruno Windels	b00a38a1e5	apply mx_EventTile_content to editor, so it gets the same right margin ... this way we don't have to include it in the magic number	2019-05-21 12:18:20 +02:00
Travis Ralston	52b0f285c6	Add some clarifying comments	2019-05-20 21:07:12 -06:00
Travis Ralston	3476be3327	Merge branch 'develop' into travis/feature/wellknown2	2019-05-20 19:50:02 -06:00
Matthew Hodgson	d3f06763b3	Merge branch 'develop' into matthew/twemoji	2019-05-20 16:38:44 +01:00
Bruno Windels	2bacabc002	apply 34px margin the mx_EventTile_content also has ... so width of editor stay the same as content (unrelated to pills, really)	2019-05-20 16:01:31 +02:00
Bruno Windels	5d80c3a2a4	fallback to avatar bg color	2019-05-20 15:39:06 +02:00
Bruno Windels	01ef1dd20e	style room pills correctly	2019-05-20 15:38:59 +02:00
Bruno Windels	c1b2f3dce1	make user pill avatars work in editor	2019-05-20 14:21:25 +02:00
Matthew Hodgson	7b2602f1c7	apply monospace to pre	2019-05-20 10:09:19 +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
Bruno Windels	a47e722fa1	same height as normal pill	2019-05-20 10:28:26 +02:00
Bruno Windels	3b598a1782	set pill avatar through css variables to set on psuedo-element ... this way it won't interfere with editor selection/caret	2019-05-20 10:28:26 +02: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
Travis Ralston	47add75278	Add class to hide focus highlight ... We use tabIndex to make elements selectable and therefore focused by screen readers. Doing this draws a blue border (in chrome at least) around the element - in some cases, we don't want this.	2019-05-17 15:25:17 -06:00
J. Ryan Stinnett	3a405701a3	Debug: Show all events	2019-05-17 16:34:01 +01:00
Bruno Windels	d81ab2464b	better button alignment ... also fix sticking out at the right side when not overlaying	2019-05-17 16:15:06 +01:00
Bruno Windels	8ce8ca18ff	theme-ify!	2019-05-17 16:10:21 +01:00
Bruno Windels	aef9323f21	explain negative margin	2019-05-17 16:10:11 +01:00
Bruno Windels	f9462d1012	hide timestamp while editing	2019-05-17 16:01:52 +01:00
Bruno Windels	aeea4ee83a	a bit more horizontal padding for the editor	2019-05-17 16:00:58 +01:00
Bruno Windels	cf8189ed43	align buttons perfectly with editor edge	2019-05-17 16:00:39 +01:00
Bruno Windels	81245e9c05	cull editor height to 200px	2019-05-17 16:00:22 +01:00
Bruno Windels	2544decab2	fix chrome not right aligning buttons	2019-05-17 16:00:08 +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
J. Ryan Stinnett	059988ff5c	Extract tooltip styling to a shared class ... We want to use the same styling with edited tooltip as well, so this extracts the shared bits.	2019-05-17 12:11:01 +01:00
J. Ryan Stinnett	3da1f73ea4	Add a basic tooltip showing who reacted ... This adds a first attempt at tooltip showing who reacted to a message. It doesn't limit senders or position the tooltip nicely, but the info is there at least. Part of https://github.com/vector-im/riot-web/issues/9722	2019-05-17 12:11:01 +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	d7c6869188	Apply Flex voodoo ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-05-16 21:55:17 +01:00
Travis Ralston	0c7aa39273	Merge branch 'develop' into travis/feature/wellknown2	2019-05-16 12:59:50 -06:00
Travis Ralston	60a13652df	Merge pull request #2965 from matrix-org/travis/wk/tooltip ... Render underlines and tooltips on custom server names in auth pages	2019-05-15 14:13:44 -06:00
Will Hunt	2994d99378	Merge branch 'develop' into hs/custom-notif-sounds	2019-05-15 16:09:55 +01:00
Will Hunt	d752de0972	Improve UX	2019-05-15 15:52:42 +01:00
Bruno Windels	edc100163f	Merge pull request #2952 from matrix-org/bwindels/message-edit-editor ... Initial support for editing messages	2019-05-15 09:23:01 +00:00
Bruno Windels	22533ba2d4	use theme var for bg color	2019-05-15 10:12:16 +01:00
Bruno Windels	d83e278f6b	PR feedback, cleanup	2019-05-15 09:46:08 +01:00
Michael Telatynski	9b40913838	Merge pull request #2957 from matrix-org/t3chguy/invite_perms ... Check permission to invite before showing invite buttons/disable them	2019-05-14 23:15:59 +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
Will Hunt	277c4ab809	Merge branch 'develop' into hs/custom-notif-sounds	2019-05-14 21:07:03 +01:00
Will Hunt	626cb46915	Cleanup interface buttons	2019-05-14 21:05:22 +01:00
Travis Ralston	4c1ac38dd4	Merge branch 'develop' into travis/feature/wellknown2	2019-05-14 10:53:01 -06:00
J. Ryan Stinnett	a2e0dc2f7e	Tweak message action bar position ... This moves the message action bar up slightly to avoid covering message text.	2019-05-14 16:52:02 +01:00
Bruno Windels	759a4a54ef	send the actual m.replace event from composer content	2019-05-14 15:38:16 +01:00
Bruno Windels	c98e716cbd	some pill styling	2019-05-14 15:38:16 +01:00
Bruno Windels	4ff37ca046	don't show model for now	2019-05-14 15:38:16 +01:00
Bruno Windels	fc87a27c5d	make editor nicer	2019-05-14 15:38:16 +01:00
Bruno Windels	317e88bef2	initial hacky hookup of Autocomplete menu in MessageEditor	2019-05-14 15:38:16 +01:00
Bruno Windels	ebdb9fcb9c	don't collapse whitespace in editor	2019-05-14 15:38:16 +01:00
Bruno Windels	76bb56a2bf	initial hookup editor code with react component	2019-05-14 15:38:16 +01:00
Bruno Windels	6599d605cd	wire up editor component (somewhat hacky)	2019-05-14 15:38:16 +01:00
Travis Ralston	e4576dac28	Render underlines and tooltips on custom server names in auth pages ... See https://github.com/vector-im/riot-web/issues/9290	2019-05-13 17:16:40 -06:00
Travis Ralston	83737654ff	Merge branch 'develop' into travis/feature/wellknown2	2019-05-13 09:20:10 -06:00
J. Ryan Stinnett	f5aa32bc96	Merge pull request #2954 from matrix-org/jryans/aggregations ... Send and undo reaction events	2019-05-13 15:20:28 +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
Travis Ralston	6a941aca91	Merge pull request #2941 from matrix-org/travis/guests/block-ui ... Use validated server config for login, registration, and password reset	2019-05-10 11:21:21 -06:00
J. Ryan Stinnett	6a3708d51b	Disable select for reaction buttons	2019-05-10 18:09:32 +01:00
Michael Telatynski	cd5a460b2b	Iterate PR based on feedback ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-05-09 22:30:45 +01:00
Michael Telatynski	16c027dc61	Merge branches 'develop' and 'devtools_serverlist' of github.com:matrix-org/matrix-react-sdk into devtools_serverlist	2019-05-09 22:27:37 +01:00
J. Ryan Stinnett	576241236c	Extract ReactionDimension out of MessageActionBar ... The reactions bits were cluttering up `MessageActionBar` so they have now been extracted to a separate component.	2019-05-08 13:53:41 +01:00
Travis Ralston	636cb8a5cc	Have ServerConfig and co. do validation of the config in-house ... This also causes the components to produce a ValidatedServerConfig for use by other components.	2019-05-03 11:32:59 -06:00
J. Ryan Stinnett	87f737b8a3	Increment an existing reaction ... This allows you to increment an existing reaction below a message by clicking on it. At the moment, this is not linked to the action bar, so they each are using local state. We'll likely want to add some mechanism so that we can local echo to both of these UI areas at the same time, but that can be done separately. Fixes https://github.com/vector-im/riot-web/issues/9486	2019-05-02 12:05:17 +01:00
J. Ryan Stinnett	15c5893278	Display existing reactions below the message ... This displays the existing reactions a message has from all users below the message. Since we don't currently have an API to actually get these events yet, adds a temporary hook that looks for a specific message to inject some sample data. This helps build out the UI for now and can be removed once it exists. Fixes https://github.com/vector-im/riot-web/issues/9573	2019-05-02 12:05:17 +01:00
J. Ryan Stinnett	784599d9e9	Add primary reactions to action bar ... This adds the primary reactions to the action bar. They act as toggles where you can only select one from each group at a time. Note that currently we aren't actually sending the reaction at all. That's left for a separate task. Fixes https://github.com/vector-im/riot-web/issues/9576	2019-04-30 18:09:10 +01:00
J. Ryan Stinnett	4b50d2a2bf	Update action bar colors for dark theme ... In addition, this also adjusts the event hover colors to match the palette. Fixes https://github.com/vector-im/riot-web/issues/9591	2019-04-30 17:42:17 +01:00
J. Ryan Stinnett	739c8c0314	Promote reply button up to message action bar ... This moves the reply action out of the existing options menu and up to the message action bar for easier access.	2019-04-29 15:53:03 +01:00
J. Ryan Stinnett	8ef9fe951d	Update styling of message action bar for multiple buttons ... This applies the new design for multiple buttons in the message action bar, paving the way for more things to appear here. In addition, this changes the existing options button to use the three vertical dots icon. Some theme colors are also tweaked to align with what they were meant to be from the unified palette.	2019-04-29 15:20:51 +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
J. Ryan Stinnett	26f732723e	Animate tooltips when hiding as well as showing ... This uses the same animation style as on show, but twice as fast.	2019-04-25 14:29:10 +01:00
J. Ryan Stinnett	0b42ded007	Style complexity progress bars more heavily ... This disables the native progress appearance and uses the green color from our themes.	2019-04-25 14:29:10 +01:00
J. Ryan Stinnett	67d7091dcd	Password score progress should be full width in tooltip	2019-04-25 14:29:10 +01:00
J. Ryan Stinnett	a7c37733b8	Rebalance margins in validation tooltip	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	37e09b5569	Add check and x icons for validation feedback ... Adds icons from the Feather set with the same color as text. Tweaks validation item spacing to match the design.	2019-04-25 14:29:09 +01:00
J. Ryan Stinnett	338d83ab55	Add validation feedback helper ... This adds a general validation feedback mechanism for checking input values. An initial example is wired up for the username input on registration.	2019-04-25 14:29:09 +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	faecceb3b4	remove manual order so component order follows markup order	2019-04-18 09:20:26 +02:00
Bruno Windels	22874f62ab	Merge branch 'develop' into bwindels/stylepreviewbar	2019-04-17 11:06:21 +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	eeaa7143ac	move name coloring out of sender profile ... so we can reuse it in room preview bar	2019-04-17 10:21:30 +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
J. Ryan Stinnett	32f28a7184	Merge pull request #2918 from jryans/bold-for-all ... Ensure `<b>` tags appear bold for all browsers	2019-04-15 09:55:09 +01:00
Travis Ralston	e8d141fc3c	Merge pull request #2908 from matrix-org/travis/upgrades/linkback ... Add a link in room settings to get at the tombstoned room if it exists	2019-04-12 10:21:39 -06:00
J. Ryan Stinnett	11bd82ee4c	Ensure <b> tags appear bold for all browsers ... In Firefox, the default <b> style is such that it doesn't appear bold with our current selection of specific font weights. This specifically sets a working font weight.	2019-04-12 15:09:32 +01:00
Bruno Windels	01e9de9a3a	differentiate style based on preview or not	2019-04-12 12:54:13 +02:00
Travis Ralston	aadc1a8d75	Add a generic error page element for startup errors ... Used by Riot to communicate configuration problems.	2019-04-11 15:52:37 -06:00
Bruno Windels	0553a6f1d6	some style changes	2019-04-11 13:07:54 +02:00
Travis Ralston	15e8ce7a7f	Add a link in room settings to get at the tombstoned room if it exists ... Fixes https://github.com/vector-im/riot-web/issues/8542	2019-04-10 15:00:02 -06:00
David Baker	04b69116ee	Fix tedious CSS stuff with stylelint --fix	2019-04-09 15:05:39 +01:00
David Baker	eb6f3f6008	Fix up some CSS things stylelint was complaining about ... And also disable a load of rules that feel like they're probably causing more headaches than they fix.	2019-04-09 15:03:13 +01:00
David Baker	acdcf6639e	Put width / height first in css	2019-04-08 19:11:04 +01:00
David Baker	670f6e4f99	Simplify settings dialog CSS ... Stop the settings dialogs from requiring special styles on the mx_Dialog which required passing in a classname from anywhere the settings dialogs were opened (although this still requires static=true). Some of the things have now been adopted for all dialogs (border-radius), others have been moved to within the dialog content.	2019-04-08 16:48:42 +01:00
David Baker	7b5658e3b1	Fix CSS silliness ... Meant to replace the existing block rather than add another one with the same name! Also meant vw rather than width.	2019-04-08 14:21:12 +01:00
David Baker	833b46d040	Move SettingsDialog width override to fixedWidth ... Move the width overrides to the container so it's the same thing dictating its size as the rest of the dialogs	2019-04-08 14:17:18 +01:00
David Baker	3fdf822d46	Fix fixed width dialogs ... Move the max-width to the fixedWidth div rather than the dialog, otherwise the fixedWidth keeps getting bigger with bigger windows but the dialog doesn't so it scrolls.	2019-04-08 13:37:29 +01:00
David Baker	c87c4ef5a4	Fix settings dialog layout ... The close 'x' was ending up off the right hand side which made everything else overlap with the left panel, depending on how wide your window was. This isn't the end of the dialog problems but it will at least stop settings from being mangled on develop.	2019-04-08 11:56:08 +01:00
David Baker	3fe6d51fbe	Merge pull request #2868 from matrix-org/dbkr/dialog_redesign ... Design tweaks to dialogs	2019-04-08 09:33:34 +01: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	9618187d2e	Merge pull request #2855 from YaoiFangirl420/rotate_images ... Add option to rotate images	2019-04-04 09:46:06 -06:00
YaoiFangirl420	9bd1ba60f5	Add option to rotate images ... cf. https://github.com/vector-im/riot-web/issues/9257 Add rotate clockwise/counterclockwise buttons to <ImageView> Signed-off-by: YaoiFangirl420 <48789208+YaoiFangirl420@users.noreply.github.com>	2019-04-04 01:48:41 -07: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
David Baker	0a61d05ba2	Make fixed width dialogs actually fixed width again ... Settings overrode that to be larger, so do the corresponding override for the other part.	2019-04-03 17:53:38 +01:00
David Baker	7925e7169a	Design tweaks to dialogs ... Little bit of a mix of things in this one: * Support variable-width dialogs. Default is fixed-width as before, only UploadConformDialog is variable-width. Controlled by a prop to BaseDialog. * Fixes to the cancel 'x' - scale the mask image, tweak size & colour * Colour & boldness of dialog titles * Align the dialog title & cancel 'x' * Remove gap between dialog buttons & right hand side of dialog(!) * Round corners on dialogs * Add grey border on image preview in upload confirm dialog * and, squeezing in slightly randomly, finish the partially renamed ChatInviteDialog to AddressPickerDialog.	2019-04-03 16:27:45 +01:00
Travis Ralston	c3d3dd1fd7	Merge pull request #2860 from matrix-org/travis/breadcrumbs/parted ... Apply 50% opacity to left breadcrumbs	2019-04-03 08:42:39 -06:00
David Baker	24ccfa69f4	Merge pull request #2858 from matrix-org/dbkr/upload_redesign ... Implement redesigned upload confirmation screens	2019-04-02 11:00:16 +01: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
J. Ryan Stinnett	3948520eaa	Use Field component in bug report dialog ... This uses the field component in the bug report dialog, which generally improves the styling to fit in more naturally with the rest of the app so that it feels more trustworthy. Fixes https://github.com/vector-im/riot-web/issues/9343	2019-04-01 17:50:12 +01:00
David Baker	5b2cee2fc1	Implement redesigned upload confirmation screens ... Also fairly significant refactor of the uploading code: there are a number of different ways of triggerring a file upload and each went through a different code path (the media config size limit worked on one of those paths). Basically take a lot of code out of the views and put it into ContentMessages. Sorry about the size of this patch. https://github.com/vector-im/riot-web/issues/7565	2019-04-01 16:42:41 +01: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
Travis Ralston	64a6b47692	Merge pull request #2831 from matrix-org/travis/hidden-bing ... Alert the user to unread notifications in prior versions of rooms	2019-03-27 13:23:57 -06:00
Nad Chishtie	5ac3905a37	Use same horizontal padding as room avatar to align to grid	2019-03-27 13:15:03 +01:00
Bruno Windels	adf263c4af	Merge branch 'develop' into bwindels/bacat-scrolling-merged-develop	2019-03-27 11:46:28 +01:00
Travis Ralston	ddcb7a68bd	Merge pull request #2781 from matrix-org/travis/openid-widget ... Widget OpenID reauth implementation	2019-03-27 03:42:39 -06:00
Travis Ralston	04a9038a05	Alert the user to unread notifications in prior versions of rooms ... Fixes https://github.com/vector-im/riot-web/issues/8161	2019-03-26 19:22:41 -06:00
Bruno Windels	7e56a9a80e	prevent resize handle hit area overlapping with (native) scrollbar	2019-03-26 17:14:58 +01:00
Travis Ralston	d3268801ed	Merge branch 'develop' into travis/openid-widget	2019-03-23 22:48:12 -06:00
Tee Mak	50ffdc2f12	Fixed drop shadow for tooltip. ... The box-shadow color value is from $menu-box-shadow-color. The shadow now looks consistent on light or dark theme.	2019-03-22 14:50:13 -04:00
Bruno Windels	494779393f	Merge branch 'develop' into bwindels/bacat-scrolling	2019-03-21 13:50:32 +01:00
Bruno Windels	71f6b08b26	first impl of new scrolling, still a bit broken	2019-03-19 13:42:22 +01:00
Michael Telatynski	5771406dd7	Add View Servers in Room to Devtools ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-03-18 23:21:21 +00:00
Travis Ralston	f045beafc3	Support whitelisting/blacklisting widgets for OpenID	2019-03-15 21:33:31 -06:00
Travis Ralston	f6e3437944	Update text in RoomUpgradeWarningBar to match suggestions	2019-03-15 16:08:35 -06:00
Travis Ralston	da61e5e9d9	Merge branch 'develop' into travis/upgrade-warning	2019-03-15 15:32:49 -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
Travis Ralston	5b2ffd28e5	Merge pull request #2795 from matrix-org/travis/visible-chevron ... Make the EntityTile chevron a masked SVG for theming	2019-03-15 08:44:23 -06:00
Bruno Windels	987a1a00b3	chrome apparently anchors the scroll position, which fights against our restore position logic. Disable it like this.	2019-03-15 10:16:21 +01:00
Bruno Windels	dad382a4b7	use AutoHideScrollbar in memberlist	2019-03-15 10:16:21 +01:00
Bruno Windels	30d848b86e	use AutoHideScrollbar in ScrollPanel	2019-03-15 10:16:21 +01:00
Travis Ralston	788041a774	Warn that members won't be invited to the new room in room settings	2019-03-14 17:33:34 -06: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	990d6dec15	Fix initial letter avatar vertical offset in Firefox ... In at least Firefox, the case of relative positioned inline elements (such as mx_BaseAvatar) with absolute positioned children (such as mx_BaseAvatar_initial) is a dark corner full of spider webs. It will give different results during full reflow of the page vs. incremental reflow of small portions. While that's surely a browser bug, we can avoid it by using `inline-block` instead of the default `inline`. Fixes https://github.com/vector-im/riot-web/issues/5594 Might help with https://github.com/vector-im/riot-web/issues/9088 See also https://bugzilla.mozilla.org/show_bug.cgi?id=1535053 and https://bugzilla.mozilla.org/show_bug.cgi?id=255139 for more details on browser behavior in this case.	2019-03-14 17:50:03 +00: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
J. Ryan Stinnett	b8925d857d	Reorganize field validity styles ... * The field border style was previously moved up to the field * Validity colors should be shown regardless of focus state	2019-03-12 14:02:54 +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	7eea62a22b	Merge pull request #2764 from matrix-org/travis/fix-hover ... Fix sticky hover state by listening for hover on the document	2019-03-11 16:35:25 -06:00
Travis Ralston	e1f9482107	Merge pull request #2757 from matrix-org/anoa/accept_all_invites ... Ability to bulk accept all invites (and fix rejecting all invites)	2019-03-08 14:55:59 -07:00
J. Ryan Stinnett	1cefa44319	Redesign country dropdown to fit redesign ... This tweaks colors of the country dropdown to blend in better with the rest of the design. Fixes https://github.com/vector-im/riot-web/issues/9048	2019-03-08 10:03:50 +00:00
Travis Ralston	241309ab83	Use CSS for hovering the tile	2019-03-07 14:55:17 -07:00
J. Ryan Stinnett	4a1b723ab5	Fix dropdown arrow on select field for auth flows	2019-03-07 14:57:58 +00:00
J. Ryan Stinnett	6441b2ed98	Ensure country dropdown uses light styling on auth ... If the dark theme is activated, the country dropdown defaults to those colors where it doesn't fit in with the always-light auth flow. This restyles its colors to be light.	2019-03-06 16:45:54 +00:00
J. Ryan Stinnett	8beab58918	Use more nesting for auth body style overrides ... No styles are changed here. This just groups them under one parent block to avoid repeating `.mx_AuthBody`.	2019-03-06 16:37:16 +00:00
J. Ryan Stinnett	9d36ef0808	Fix background color of phone field label on dark theme ... This adds extra styles to reset the field label background color on registration even if dark theme is used.	2019-03-06 16:28:09 +00:00
Andrew Morgan	0f14d89257	Ability to bulk accept all invites	2019-03-06 14:06:53 +00:00
J. Ryan Stinnett	8bf5e1d19f	Merge pull request #2749 from jryans/auth-field ... Use Field component in auth flows	2019-03-06 11:18:24 +00:00
J. Ryan Stinnett	dde36459e6	Simplify field row / field styles	2019-03-06 11:11:24 +00:00
David Baker	c1056025ed	Merge pull request #2748 from matrix-org/dbkr/shameless_plugging ... Support linking to hosting providers	2019-03-05 18:22:02 +00:00
J. Ryan Stinnett	bc54ea5623	Convert login type to Field component ... This converts the login type Dropdown on the login flow to also use the Field component so that every presents a similar visual style.	2019-03-05 17:58:42 +00:00
J. Ryan Stinnett	5a491ac053	Convert login inputs to Field component ... As with other auth flows, this converts inputs on the login page to use the Field component for consistent styling. The login type dropdown is left as-is for now.	2019-03-05 17:58:42 +00:00
J. Ryan Stinnett	5b1d361577	Convert registration phone number to Field component ... Now that we have prefix support in the Field component, we can also convert the phone number with country dropdown on registration.	2019-03-05 17:58:42 +00:00
David Baker	57d8f6d8a2	Support linking to hosting providers ... From link in app config	2019-03-05 16:12:02 +00:00
J. Ryan Stinnett	26b2aa174b	Add prefix support to Fields ... This allows Fields to have an optional prefix component which is placed inside the border of the Field and to the left of the input. Since this label animation would be complex to get right for this case, it is instead fixed to the top left if there is a prefix component. This canonical example of this today would be a phone number field which includes a country dropdown.	2019-03-05 15:25:43 +00:00
J. Ryan Stinnett	ae5c32d28b	Lift border up to the Field root ... By placing the Field's border on the Field component root instead of the input, it's easier to wrap it around additional elements that we'll soon stuff inside the field.	2019-03-05 15:25:43 +00:00
J. Ryan Stinnett	bfe120fbf4	Convert registration to Field component ... This converts most fields in the registration form to use the Field component, except for the phone number, which is a left as a separate task because of the country dropdown menu.	2019-03-05 15:25:42 +00:00
Bruno Windels	96196d8c3d	Merge pull request #2746 from matrix-org/bwindels/flairnolayout ... Prevent flair pushing timeline downwards	2019-03-05 15:34:09 +01: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
J. Ryan Stinnett	1336508a4e	Add comment, fix bad math ... This adds a comment to explain the `max-width` and also fixes it actually use the right value. (I had grabbed the wrong part of `margin` the first time.)	2019-03-05 11:13:39 +00:00
J. Ryan Stinnett	c1688d2be3	Limit Field label to size of input ... This avoids awkward wrapping if the label is longer than the input. This will show an ellipsis to suggest there's more text in the label than can be shown.	2019-03-04 18:02:36 +00:00
Travis Ralston	8a6ae6b48e	Use a mask for the continuation icon ... Fixes https://github.com/vector-im/riot-web/issues/7990	2019-03-01 15:59:19 -07:00
Travis Ralston	3ce2c3a76d	Merge pull request #2724 from matrix-org/travis/stacked-dialogs ... Support stacking dialogs to prevent unmounting	2019-03-01 09:03:39 -07:00
Travis Ralston	5a4676ac66	Merge pull request #2725 from matrix-org/travis/settings/pl-dropdowns ... Convert PowerSelector to use mxField instead	2019-03-01 09:03:16 -07:00
Travis Ralston	a41df7ab68	Convert PowerSelector to use mxField instead	2019-02-28 19:00:57 -07:00
Travis Ralston	0978ab3da0	Support stacking dialogs to prevent unmounting ... Fixes https://github.com/vector-im/riot-web/issues/8371	2019-02-28 15:55:58 -07:00
Bruno Windels	69016e32a4	fix margin on e2e icon in member panel	2019-02-28 15:39:10 +01:00
J. Ryan Stinnett	bd577e8f9b	Merge pull request #2714 from jryans/field-click-label ... Send Field label pointer events to input	2019-02-27 17:07:08 +00:00
J. Ryan Stinnett	e9490b3032	Send Field label pointer events to input ... When the `label` element is displayed on top of the input (`label` is set and there is no `placeholder`), it would block clicks from reaching the input. This allows them to get through, but then also restores `label`'s events once it moves out of the way. Fixes https://github.com/vector-im/riot-web/issues/8469	2019-02-27 13:23:48 +00:00
J. Ryan Stinnett	209ac2c587	Merge pull request #2706 from jryans/move-non-feather-icons ... Move non-feather icons out of feather dir	2019-02-27 13:08:23 +00:00
J. Ryan Stinnett	404c60fb0e	Keep registration spinner inside the auth modal ... The spinner was taking on the full height of the modal and escaping off the page. This keeps it contained inside the modal. Fixes https://github.com/vector-im/riot-web/issues/8661	2019-02-27 11:21:39 +00: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
J. Ryan Stinnett	426bdafe22	Merge pull request #2672 from jryans/password-validation ... Report validity state of all registration fields on any change	2019-02-26 18:20:38 +00:00
Bruno Windels	0a404d5adc	Merge pull request #2702 from matrix-org/nadonomy/room-list ... Normalise room list font weight, bold unreads	2019-02-26 10:43:21 +01:00
Travis Ralston	18b27a72d8	Merge pull request #2692 from matrix-org/t3chguy/room_context_menu_settings ... Settings button in Room Context Menu	2019-02-25 20:28:38 -07:00
Michael Telatynski	8d149575ea	Merge branches 'develop' and 't3chguy/room_context_menu_settings' of github.com:matrix-org/matrix-react-sdk into t3chguy/room_context_menu_settings	2019-02-25 23:12:06 +00:00
Michael Telatynski	d4b6ce6932	Apply PR feedback, don't change room to go to its settings ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-02-25 23:08:51 +00:00
Michael Telatynski	dd9077f1e4	Merge branches 'develop' and 't3chguy/pretty_Devtools' of github.com:matrix-org/matrix-react-sdk into t3chguy/pretty_Devtools	2019-02-25 22:39:37 +00:00
Michael Telatynski	56d58f8600	make better use of space ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-02-25 22:38:33 +00:00
Michael Telatynski	5bdd61111d	Fix textareas ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-02-25 22:12:06 +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
Travis Ralston	4801b25f77	Merge remote-tracking branch 'origin/develop' into travis/settings-cleanup-1	2019-02-25 09:40:50 -07:00
Travis Ralston	2b9b07c29d	Merge pull request #2696 from matrix-org/t3chguy/pretty_view_source ... make ViewSource less awkward	2019-02-24 17:55:07 -07:00
Michael Telatynski	7b88d5d21c	make ViewSource less awkward ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2019-02-24 03:43:44 +00: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
Travis Ralston	bd54a401bc	Sort settings tabs into a logical structure ... Fixes https://github.com/vector-im/riot-web/issues/8864	2019-02-22 11:33:03 -07:00
Travis Ralston	2903a0e712	Rework EditableItemList to support mxField ... Also improves upon the general UX to be a bit friendlier for direct manipulation things.	2019-02-21 15:22:08 -07:00
J. Ryan Stinnett	8e32798f45	Ensure fields with errors are clearly visible ... Until we have better validation, let's at least ensure fields with errors are properly marked via color.	2019-02-21 14:44:39 +00:00
Bruno Windels	ef704085f9	remove display: flex declarations now present on mx_MainSplit itself	2019-02-21 10:50:41 +01:00
Bruno Windels	b364c9cb8e	update copyright header	2019-02-21 10:50:30 +01: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
J. Ryan Stinnett	19977b052f	Add new var for dark panel bg color	2019-02-18 13:50:17 +00:00
J. Ryan Stinnett	fdd88b60a6	Lift panel input styling up to common	2019-02-18 13:43:18 +00:00
J. Ryan Stinnett	96f1538420	Remove bad syntax for input placeholder styles	2019-02-18 12:20:47 +00:00
J. Ryan Stinnett	402992cee4	Adjust add room button for dark theme	2019-02-18 11:34:25 +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
J. Ryan Stinnett	df5f0601aa	Merge pull request #2641 from matrix-org/dbkr/remove_welcome_from_topleft ... Remove 'welcome' from top-left menu	2019-02-14 16:40:39 +00:00
Travis Ralston	96619afc7c	Fix icons being cut off in settings ... Fixes https://github.com/vector-im/riot-web/issues/8578	2019-02-14 09:09:07 -07:00
Bruno Windels	ae945eaf12	Merge pull request #2642 from matrix-org/bwindels/e2eiconhover ... make e2e icons on message transparent	2019-02-14 17:06:02 +01:00
Bruno Windels	84b53faf9e	make e2e icons on message transparent	2019-02-14 17:00:47 +01:00
David Baker	7845a63506	Remove 'welcome' from top-left menu ... Tjis is quite confusing as the welcome page is designed for when you're not logged in, ie. has a sign-in button. There's also no way to get back into the app so it really looks like it's logged you out. Reverts 116367fd69	2019-02-14 15:53:52 +00:00
Bruno Windels	89792459ff	fix close button being half off screen	2019-02-14 16:51:45 +01:00
J. Ryan Stinnett	694a59afb7	Merge pull request #2628 from jryans/adjust-top-left-menu ... Adjust top left menu items	2019-02-13 17:38:08 +00:00
J. Ryan Stinnett	116367fd69	Add welcome to top left menu for all	2019-02-13 16:13:32 +00:00
Nad Chishtie	4aa0f56b06	Normalised icon strokes to 1px	2019-02-13 16:11:18 +00:00
J. Ryan Stinnett	22789ada94	Add sign in to top left menu for guests	2019-02-13 16:01:13 +00:00
J. Ryan Stinnett	5f6907c85e	Improve gradients for Safari	2019-02-13 15:06:40 +00:00
J. Ryan Stinnett	93324896f3	Force authpage to act like light theme	2019-02-13 14:24:03 +00:00
J. Ryan Stinnett	4409636c0b	Tweak panel button divider color	2019-02-13 13:57:59 +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
J. Ryan Stinnett	59b58cbbac	Restore highlighted right panel marker	2019-02-13 11:31: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	1359ac62cb	Tweak header divider line	2019-02-13 10:52:03 +00:00
J. Ryan Stinnett	7bad8d594d	Move common input styles out of themes	2019-02-13 10:47:04 +00:00
J. Ryan Stinnett	72f1b79b1d	Tweak create key backup input for dark theme	2019-02-13 10:47:04 +00:00
J. Ryan Stinnett	b13baf8926	Tweak start a chat for dark theme	2019-02-13 10:47:04 +00:00
J. Ryan Stinnett	a7bae30837	Tweak create community for dark theme	2019-02-13 10:47:04 +00:00
J. Ryan Stinnett	b0d08b9a25	Rename dharma theme to light theme	2019-02-13 10:47:04 +00:00
J. Ryan Stinnett	6c954dadc8	Allow theming message composer buttons	2019-02-13 10:47:04 +00:00
J. Ryan Stinnett	e1edd56643	Allow theming group header buttons	2019-02-13 10:47:04 +00:00
J. Ryan Stinnett	3cba5edd6f	Allow theming right panel header 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
J. Ryan Stinnett	c00495304f	Explicit color for tagpanel buttons	2019-02-13 10:47:04 +00:00
J. Ryan Stinnett	d7fb39fd08	First pass at dark theme colors	2019-02-13 10:47:04 +00:00
Bruno Windels	de8cd88418	Merge pull request #2621 from matrix-org/bwindels/tabsdivider ... Add divider between tabs and regular buttons in room header	2019-02-13 11:00:52 +01: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
Bruno Windels	27a5211239	Merge pull request #2616 from matrix-org/bwindels/settingstoggle ... Fix: dont assume settings label only has one line	2019-02-13 09:17:03 +01:00
Bruno Windels	5047d15a3b	Merge pull request #2615 from matrix-org/bwindels/breadcrumbs ... Labs feature: recent room breadcrumbs	2019-02-13 09:16:40 +01:00
Will Hunt	e2cecad535	Update _RoomTile.scss	2019-02-12 19:21:31 +00:00
Bruno Windels	ccaa017980	add divider between tabs and regular buttons in room header	2019-02-12 20:05:01 +01:00
Bruno Windels	4d3cc0a53f	fix e2e icon top offset in compact mode	2019-02-12 19:14:46 +01:00
Bruno Windels	3b10b8042a	restyle unknown devices dialog	2019-02-12 18:34:35 +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	108cd6d671	dont assume settings label only has one line	2019-02-12 12:50:23 +01: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
David Baker	c2247cdc67	Merge pull request #2613 from matrix-org/dbkr/sas_profile ... Add display name / avatar to incoming sas dialog	2019-02-12 10:48:49 +00: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
David Baker	99ae63c021	Add display name / avatar to incoming sas dialog ... Fetch the other user's profile & display it on an incoming verification request	2019-02-11 15:57:34 +00:00
Travis Ralston	e7e322d513	Merge pull request #2604 from matrix-org/travis/settings/scale-up ... Scale up settings UI to be easier to read	2019-02-11 07:58:10 -07: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
Matthew Hodgson	84082ebb34	fix horizontal CSS scrollbars on webkit	2019-02-10 22:35:37 +00:00
Travis Ralston	60950b258a	Scale up settings UI to be easier to read ... Part of https://github.com/vector-im/riot-web/issues/8207	2019-02-08 15:23:14 -07:00
David Baker	742af81224	Merge pull request #2594 from matrix-org/dbkr/dont_verify_restore ... Prompt to restore backup rather than verify	2019-02-08 17:49:04 +00:00
Travis Ralston	0ca6ea20d9	Merge pull request #2591 from matrix-org/travis/settings/disable-topic ... Render disabled mxField textareas as disabled	2019-02-08 10:28:34 -07:00
David Baker	f99c56fedb	Merge pull request #2597 from matrix-org/jryans/add-welcome-page ... SDK support for welcome page	2019-02-08 17:17:22 +00:00
Travis Ralston	debac60980	Include input and select labels in disabled stlyes	2019-02-08 09:52:14 -07:00
David Baker	9b4a6cf442	Make prettier	2019-02-08 16:27:25 +00:00
Travis Ralston	cf1366635f	Merge branch 'develop' into travis/settings/disable-topic	2019-02-08 09:25:51 -07:00
David Baker	ae16cc36aa	Change SAS to decimal / emoji ... Requires https://github.com/matrix-org/matrix-js-sdk/pull/837	2019-02-08 14:57:36 +00:00
J. Ryan Stinnett	5ab3c8b823	Add top left home menu item when home page configured	2019-02-08 13:48:51 +00:00
J. Ryan Stinnett	7238c713d7	Add language selector to bottom of welcome	2019-02-08 11:39:30 +00:00
David Baker	539dd08c3b	Merge pull request #2586 from matrix-org/dbkr/sas_no_click ... Remove click-to-verify from SAS	2019-02-08 10:18:26 +00:00
Travis Ralston	e5934c12b4	Render disabled mxField textareas as disabled ... Fixes https://github.com/vector-im/riot-web/issues/8440	2019-02-07 11:58:15 -07:00
David Baker	4728ddf515	Forgot the CSS file	2019-02-07 17:53:41 +00:00
Bruno Windels	d4ed0bc038	make sure scroller doesn't overflow parent	2019-02-07 17:08:40 +00:00
David Baker	3a924d05b5	Remove click-to-verify from SAS ... The click-each-pair to verify was hard to discover, so remove it	2019-02-07 17:01:55 +00:00
Travis Ralston	5b4ebf3b76	Merge pull request #2579 from matrix-org/travis/settings/fix-ff-scroll ... Fix firefox scrolling settings tabs differently	2019-02-07 08:14:08 -07:00
Bruno Windels	5b85f8928d	show a hand cursor on the badge while we're at it	2019-02-07 13:40:50 +00:00
Bruno Windels	87ddb8a453	Merge pull request #2575 from matrix-org/bwindels/customtags ... Bring back custom tags, also badges on communities	2019-02-07 11:37:17 +00:00
J. Ryan Stinnett	73de56d72d	Generalize HomePage into EmbeddedPage	2019-02-07 11:12:28 +00:00
Bruno Windels	7b23fa7a4f	implement PR feedback	2019-02-07 10:49:23 +00:00
Travis Ralston	9ca1e875a3	Fix firefox scrolling settings tabs differently ... Fixes https://github.com/vector-im/riot-web/issues/8408	2019-02-06 14:11:09 -07:00
Travis Ralston	04f2375273	Add issue references to things	2019-02-06 11:06:02 -07:00
Travis Ralston	b2c161c7c1	Merge branch 'develop' into travis/settings/delete-the-old	2019-02-06 11:02:21 -07:00
Bruno Windels	699023ea40	prevent tagtiles jumping when selected	2019-02-06 16:53:48 +00:00
Bruno Windels	97db9cd99e	fix css regression of context menu	2019-02-06 14:24:44 +00:00
Bruno Windels	0ab6ab639e	render badge on custom tag in LLP	2019-02-06 11:21:50 +00:00
Bruno Windels	b79394722a	make sure scrollbar is at the far right edge of the LLP	2019-02-05 18:03:16 +00:00
Bruno Windels	604020dd59	add selectable custom tags below tag panel	2019-02-05 17:39:02 +00:00
Bruno Windels	bdc7936130	move help & communities button out of tag panel ... so we can shove the custom tag buttons between them in the next commit	2019-02-05 17:36:33 +00:00
J. Ryan Stinnett	36bf06d87a	Tweak field padding to avoid overlapping with selected text	2019-02-05 15:50:56 +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	a6914274b0	Merge pull request #2565 from matrix-org/bwindels/widgetmakeover ... Redesign: widget makeover	2019-02-02 07:30:45 +00:00
J. Ryan Stinnett	694b25661d	Merge pull request #2564 from jryans/dropdown-chevron ... Restore dropdown chevron to right	2019-02-01 16:32:04 -06: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
J. Ryan Stinnett	84ba22f7d6	Give auth language dropdown more space	2019-02-01 16:15:11 -06:00
J. Ryan Stinnett	d3e2c33bfa	Push dropdown chevron to right side	2019-02-01 16:06:46 -06:00
Bruno Windels	45e982ac13	Merge pull request #2557 from matrix-org/bwindels/e2eicons ... Add e2e icon to room header/composer/member info, more ...	2019-02-01 22:02:28 +00:00
J. Ryan Stinnett	68ec63d25e	Merge pull request #2562 from jryans/rm-guest-bar ... Remove guest warning bar	2019-02-01 15:46:43 -06:00
J. Ryan Stinnett	3bfd603dab	Remove guest warning bar	2019-02-01 15:28:16 -06:00
J. Ryan Stinnett	10a7d7ed42	Merge pull request #2561 from jryans/auth-bg ... Style tweaks to support auth background	2019-02-01 14:13:22 -06:00
J. Ryan Stinnett	0b14855c4f	Add footer gradient	2019-02-01 12:50:22 -06:00
J. Ryan Stinnett	6dfc9b4f79	Change footer to padding	2019-02-01 12:48:26 -06:00
J. Ryan Stinnett	bcac332d31	Remove unneeded backdrop on auth pages	2019-02-01 12:46:17 -06:00
Travis Ralston	b68ee8ac6a	Set a minimum width on the settings tab content ... This prevents random controls from squishing themselves, at sacrifice of scrollbars and not-responsiveness.	2019-02-01 11:43:42 -07:00
Bruno Windels	571c059f0d	fix layout	2019-02-01 18:15:19 +01:00
Bruno Windels	9134548558	update room status bar warning icon	2019-02-01 17:52:57 +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
Travis Ralston	b12b731781	Minor CSS tweaks	2019-01-31 21:20:30 -07:00
Travis Ralston	4036e52c24	Fixed settings dialog header; Adjust padding on dialog ... Some recent changes to dialogs changed how this works and altered the look of the settings dialogs. This fixes that and makes it so that the header and content scroll independently. Fixes https://github.com/vector-im/riot-web/issues/8329 Fixes https://github.com/vector-im/riot-web/issues/8328	2019-01-31 15:52:22 -07:00
Matthew Hodgson	786e725f5f	Merge pull request #2544 from matrix-org/matthew/gradients ... make overflow gradients much smaller and turn bottom into drop shadow	2019-01-31 20:18:35 +01:00
J. Ryan Stinnett	2f006939f2	Use mx_AuthBody prefix for consistency	2019-01-31 10:06:35 -06: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	c432c79953	remove the bottom gradient entirely for now	2019-01-31 15:03:32 +01:00
Matthew Hodgson	1ee0dc4b66	make overflow gradients much smaller and turn bottom into drop shadow	2019-01-31 13:31:55 +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	ac620c7a05	fix bg color on selects	2019-01-31 13:10:11 +01:00
Bruno Windels	60f28266ae	Merge pull request #2538 from matrix-org/bwindels/community-redesign-cleanup ... Redesign: community page cleanup	2019-01-31 12:01:08 +00:00
Matthew Hodgson	2fc6f89953	remove italics CSS skew	2019-01-31 11:51:26 +01:00
J. Ryan Stinnett	6718ae8b7c	Set standard font size for fields	2019-01-30 17:52:18 -06:00
J. Ryan Stinnett	d6f55a508c	Use custom appearance and arrow for select fields	2019-01-30 16:40:53 -06:00
J. Ryan Stinnett	b093119d30	Move dropdown arrow to primary element	2019-01-30 16:39:08 -06:00
J. Ryan Stinnett	de46e6aa0d	Use dropdown-arrow for all toggle arrows	2019-01-30 16:39:07 -06:00
Bruno Windels	405cc5cc24	show avatars for members & rooms in group like we do in room right panel ... also apply padding with hacky :not selector to exclude full-width avatar	2019-01-30 16:59:28 +01:00
Bruno Windels	c9900deebe	center invite button caption	2019-01-30 16:24:25 +01:00
Bruno Windels	be0de104ff	make group header as tall as top left menu/room header	2019-01-30 16:24:02 +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
David Baker	ae7b89eae9	Merge pull request #2530 from matrix-org/bwindels/minorfixup ... Redesign: tiny fix: stretch device label in member info if content doesn't fill it	2019-01-30 11:43:13 +00:00
Bruno Windels	4d2a93eaaf	Merge pull request #2527 from jryans/auth-registration ... Style registration flow	2019-01-30 11:27:45 +00: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	6aca7e4515	Merge pull request #2522 from matrix-org/bwindels/memberpanel-tiny-makeover ... Redesign: small member info panel makeover	2019-01-30 10:01:33 +00:00
Travis Ralston	68cd87a1c7	Fix indentation on all new settings CSS	2019-01-29 23:11:16 -07:00
Travis Ralston	bdf2bb5601	Merge pull request #2526 from matrix-org/travis/settings/fixes-1 ... Round 1 of misc fixes for settings	2019-01-29 22:59:07 -07:00
Travis Ralston	f86e224db6	Merge branch 'experimental' into travis/rsettings/tab/security	2019-01-29 22:15:55 -07:00
Travis Ralston	4d0a246629	Put a little padding between section headings	2019-01-29 19:28:30 -07:00
Travis Ralston	f050323f98	Inherit font size from other elements for push notifications table	2019-01-29 19:18:13 -07:00
Travis Ralston	2aee2df6e9	Fix usage of semibold fonts ... Fixes https://github.com/vector-im/riot-web/issues/8275	2019-01-29 19:11:04 -07:00
J. Ryan Stinnett	25a2c3fe4d	Tweak dropdown font	2019-01-29 17:38:28 -06:00
J. Ryan Stinnett	01d28bc137	Squeeze country dropdowns to match design	2019-01-29 17:38:28 -06:00
J. Ryan Stinnett	16b4f8fb6d	Use new arrow for all dropdowns	2019-01-29 17:38:28 -06:00
J. Ryan Stinnett	92394ba601	Change country dropdown to be smaller with arrow on right	2019-01-29 17:38:28 -06:00
J. Ryan Stinnett	daee5f0325	Reorganize registration inputs	2019-01-29 17:38:28 -06:00
J. Ryan Stinnett	88fd2e79cd	Prune unused auth styles	2019-01-29 17:38:28 -06:00
Travis Ralston	0af419633f	Implement the Roles & Permissions tab of new room settings ... This is largely copy/paste from the current room settings	2019-01-29 15:54:51 -07:00
Travis Ralston	a2f516c461	Implement the Security & Privacy tab of new room settings	2019-01-29 14:31:07 -07: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
Bruno Windels	855dbd7d2b	Merge branch 'experimental' into bwindels/roomdirectory-makeover	2019-01-29 18:33:03 +01:00
Bruno Windels	15a74cac15	Merge branch 'experimental' into bwindels/redesign-smallfixes	2019-01-29 18:30:08 +01:00
Bruno Windels	1b82ec6e36	make resize handle not overlap with left panel sublist scrollbars	2019-01-29 18:01:29 +01:00
Travis Ralston	c090118815	Merge pull request #2516 from matrix-org/travis/rsettings/tab/general ... Implement the "general" tab of new room settings	2019-01-29 09:41:32 -07:00
J. Ryan Stinnett	049ad40061	Tweak auth overflow on Windows and Linux	2019-01-29 10:19:16 -06:00
Travis Ralston	ad276c1fda	Merge branch 'experimental' into travis/rsettings/tab/general	2019-01-29 09:11:21 -07:00
Bruno Windels	6ffc5e093d	add icons to top left menu options	2019-01-29 16:56:07 +01:00
Bruno Windels	9f1b4ac4cc	room directory makeover	2019-01-29 15:34:58 +01:00
Bruno Windels	cc2b6f9524	Merge pull request #2470 from matrix-org/bwindels/css-scrollbars ... Make native scrollbars prettier	2019-01-29 08:20:21 +00:00
J. Ryan Stinnett	20bf683df8	Merge pull request #2517 from jryans/auth-server-type-selector ... Add server type selector and style login flow	2019-01-28 22:11:14 -06:00
Travis Ralston	d34390d230	Merge pull request #2512 from matrix-org/travis/usettings/tab/flair ... Implement flair tab in user settings	2019-01-28 20:37:22 -07:00
Travis Ralston	70b34aa2c3	Condense CSS rules and use box-sizing instead of math	2019-01-28 20:26:03 -07:00
J. Ryan Stinnett	34e2979f98	Add Modular server config screen	2019-01-28 17:32:56 -06:00
J. Ryan Stinnett	d96e814a92	Add link to edit server details	2019-01-28 16:13:19 -06:00
J. Ryan Stinnett	8e9fc8a8e7	Make existing fields full width	2019-01-28 15:29:36 -06:00
J. Ryan Stinnett	398ded4a91	Switch to two phase login	2019-01-28 14:58:21 -06:00
Travis Ralston	ea1d6a0146	Minor styling and avatar bug fixing	2019-01-28 13:54:56 -07:00
Travis Ralston	243feb9b13	Early tab structure and profile changes (name/avatar/topic)	2019-01-28 13:54:56 -07:00
Travis Ralston	b7d0dd4408	Rename GeneralSettingsTab to GeneralUserSettingsTab	2019-01-28 13:54:56 -07:00
Travis Ralston	c204cd7be3	Merge pull request #2502 from matrix-org/travis/settings/disabled-selects ... Override UA/OS styles for disabled Field selects	2019-01-28 10:32:37 -07:00
Travis Ralston	3d59cf996f	Icon for flair tab	2019-01-28 10:24:18 -07: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
J. Ryan Stinnett	abe6fd2f60	Rework ServerConfig to approach design ... The public server search box is left out for now, so this restyles the existing custom server inputs to more closely approximate the design.	2019-01-28 08:52:20 -06:00
J. Ryan Stinnett	b1f698586e	Style SSO login like a button	2019-01-28 08:52:20 -06:00
J. Ryan Stinnett	344a5d1547	Style login type with primary color	2019-01-28 08:52:20 -06:00
J. Ryan Stinnett	7934a2950c	Add 'Your account' header	2019-01-28 08:52:20 -06:00
J. Ryan Stinnett	73aeb26a79	Remove dead code for empty matrixIdText in PasswordLogin	2019-01-28 08:52:20 -06:00
J. Ryan Stinnett	0bee324e48	Add server type selector component	2019-01-28 08:52:20 -06:00
David Baker	b4f02844a8	Merge remote-tracking branch 'origin/experimental' into dbkr/sas	2019-01-28 09:36:39 +00:00
Travis Ralston	57e45e7e7c	Proof of concept for a flair tab in user settings	2019-01-25 15:35:32 -07:00
Travis Ralston	535d42684f	Initial structure for new room settings	2019-01-25 13:09:44 -07:00
Travis Ralston	f7f23e4dea	Merge branch 'experimental' into travis/usettings/tab/security	2019-01-25 09:12:07 -07:00
Travis Ralston	aeac82209e	Improve disabled Field styling	2019-01-25 09:10:16 -07:00
Travis Ralston	949343d7d5	Merge pull request #2505 from matrix-org/travis/settings/animated-toggles ... Add simple animations to toggle switches	2019-01-25 07:51:38 -07:00
Travis Ralston	3301c35f7d	Merge pull request #2501 from matrix-org/travis/settings/dialog-size ... Have the settings dialog be fixed in size	2019-01-25 07:46:36 -07:00
Travis Ralston	9bbbab9d03	Add simple animations to toggle switches	2019-01-24 21:24:28 -07:00
Travis Ralston	284be2653e	Override UA/OS styles for disabled Field selects ... Fixes https://github.com/vector-im/riot-web/issues/8249	2019-01-24 19:27:20 -07:00
Travis Ralston	5dc75e2d3c	Have the settings dialog be fixed in size ... This also brings out some classes that aren't solely applicable to the user settings and will be applicable to the room settings as well.	2019-01-24 19:12:09 -07:00
Travis Ralston	1f10cda5e4	Implement the "Help & About" tab of new user settings	2019-01-24 17:10:35 -07:00
Travis Ralston	b0a8cbf75f	Implement the "Security & Privacy" tab of new user settings	2019-01-24 15:47:04 -07:00
Travis Ralston	0f89668446	Also the font size	2019-01-24 14:42:30 -07:00
Travis Ralston	87cea5ef09	Fix sizings and margins	2019-01-24 14:41:00 -07:00
Travis Ralston	27ee6625ee	Implement the "Voice & Video" tab of new user settings	2019-01-24 13:33:22 -07:00
Travis Ralston	524d2f1e11	Force font family upon Fields	2019-01-24 11:43:03 -07:00
Travis Ralston	5479a4dac5	Implement the "Preferences" tab on new user settings	2019-01-24 10:32:29 -07:00
Travis Ralston	f1c1caac62	Implement labs tab in new user settings	2019-01-24 08:52:45 -07:00
Travis Ralston	2a9f6186d7	Merge pull request #2491 from matrix-org/travis/usettings/tab/general ... Implement the "General" tab of new user settings	2019-01-24 08:51:11 -07:00
Bruno Windels	a5297303b0	remove flexbox layout	2019-01-24 15:44:16 +01:00
Travis Ralston	736aa8297d	Minor CSS adjustments	2019-01-23 18:49:27 -07:00
J. Ryan Stinnett	41c79a93c0	Merge pull request #2489 from jryans/auth-text-and-links ... Update text and links in authentication flows	2019-01-23 18:40:55 -06:00
Travis Ralston	40f6aeba28	Touchups to toggles in settings	2019-01-23 16:03:56 -07:00
Travis Ralston	3f897468a6	Add a ToggleSwitch and use it for SettingsFlag ... Also bring in the compact timeline option. Without minor CSS changes, the old user settings are completely unusable with this change. As such, minimal effort has been put in to have it be useful. Similarly, the changes drop the use of radio groups and the old theme selector was the only one that used it. See the comments for more details on how/why this was mitigated the way it was.	2019-01-23 15:50:41 -07:00
J. Ryan Stinnett	9f5f552be1	Move LanguageSelector to views ... It's too simple to be called a structure.	2019-01-23 16:14:03 -06:00
J. Ryan Stinnett	f4bbfc4aeb	Remove unneeded style from forgot password	2019-01-23 15:50:44 -06:00
J. Ryan Stinnett	9b3d674a92	Rename links for changing auth flow	2019-01-23 15:50:44 -06:00
J. Ryan Stinnett	2bb5a1d6ef	Clear out other login link styles	2019-01-23 15:50:44 -06:00
J. Ryan Stinnett	e396954a20	Update forgot password link text and style	2019-01-23 15:50:44 -06:00
J. Ryan Stinnett	2f89af4fa0	Update login header text	2019-01-23 15:50:44 -06:00
Travis Ralston	97666d39bc	Bring in theme and language options	2019-01-23 14:43:45 -07:00
Travis Ralston	d55d145223	Bring over phone number management	2019-01-23 14:16:18 -07:00
David Baker	6a90625d36	Merge remote-tracking branch 'origin/experimental' into dbkr/sas	2019-01-23 17:32:18 +00:00
Travis Ralston	aa7afe819f	Bring over email address management	2019-01-23 09:28:53 -07:00
Travis Ralston	fa1ce61a06	Move profile settings to a dedicated component ... The tab component is getting a bit hard to navigate	2019-01-23 09:28:53 -07:00
Travis Ralston	19de6694ca	Bring in the change password section ... This also changes the layout slightly in the user settings, but nothing detrimental.	2019-01-23 09:28:53 -07:00
Travis Ralston	677b3ca7b5	Bring flair into the new settings ... Makes the flair options in old settings look broken (cosmetic issues), but it's fine because we're ripping that out in due time.	2019-01-23 09:27:04 -07:00
Travis Ralston	f643d7a143	Finish the box for displayname/avatar changes	2019-01-23 09:27:04 -07:00
J. Ryan Stinnett	523d910c66	Use new dropdown arrow for language selector	2019-01-23 10:18:06 -06:00
J. Ryan Stinnett	05254f0e82	Tweak language selector to match design	2019-01-23 10:18:06 -06:00
J. Ryan Stinnett	f9793fa567	Extract language selector styles	2019-01-23 10:18:06 -06:00
Travis Ralston	94b1d739fb	Merge pull request #2476 from matrix-org/travis/modal-tab-settings ... Basic structure for tabbed user settings	2019-01-23 07:52:44 -07:00
Travis Ralston	4c12b2c911	Merge pull request #2486 from matrix-org/travis/fix-hover ... Fix AuthFooter CSS rules conflicting with anchors all over the app	2019-01-22 21:55:18 -07:00
J. Ryan Stinnett	0f3ee9c786	Extract auth header logo to new component ... This will allow `riot-web` to replace only the logo, rather than the whole header.	2019-01-22 22:41:10 -06:00
Travis Ralston	7ccf64584e	Fix AuthFooter CSS rules conflicting with anchors all over the app ... Fixes https://github.com/vector-im/riot-web/issues/8227	2019-01-22 21:35:36 -07:00
Travis Ralston	b83227c035	Merge pull request #2484 from matrix-org/travis/select-field ... Support selects on Field	2019-01-22 20:13:06 -07:00
Travis Ralston	2b3c8c4450	Correctly form a select/input element	2019-01-22 20:03:59 -07:00
J. Ryan Stinnett	575cd1e37b	Add modal look to authentication flows ... This changes the auth screens to use the modal-like style of the redesign. This does not attempt to style the actual body content of each screen. Instead, it covers the header area with logo, footer links, and overall modal container only.	2019-01-22 20:44:49 -06:00
J. Ryan Stinnett	9d2bfdc0c0	Fix CSS indentation level	2019-01-22 20:44:49 -06:00
Travis Ralston	f0e8182ff3	Support selects on Field ... Luckily, the styling is copy/paste capable.	2019-01-22 19:25:09 -07:00
Christopher Medlin	be94e1aebc	Fix integrations error popup ... Signed-off-by: Christopher Medlin <christopherjmedlin@protonmail.com>	2019-01-22 11:44:55 -08:00
Travis Ralston	0deb210fd8	Collapse DOM around tab label icon	2019-01-22 09:54:35 -07:00
Bruno Windels	5dd5f4f1dc	add JumpToBottomButtom component	2019-01-22 14:49:04 +01:00
Bruno Windels	3c8bd3fc78	Merge pull request #2456 from matrix-org/bwindels/extendtypingbartiming ... Avoid "jumpiness" with inline typing indicator	2019-01-22 11:04:25 +00:00
J. Ryan Stinnett	1d01ac398c	Rename mx_Login_box to mx_AuthPage_modal and fold into AuthPage	2019-01-21 19:11:43 -06:00
J. Ryan Stinnett	3bd765f63f	Rename LoginPage, Header, Footer views to Auth*	2019-01-21 19:11:43 -06:00
J. Ryan Stinnett	c7354f483b	Rename LoginBox to AuthButtons ... This component displays login and register buttons. It's currently used in the composer when viewing a room as a guest. The name is confusing because the login flow uses are very similarly named `mx_Login_box` as a wrapping around forms, which is totally different than these buttons. Additionally, the components is moved to `views/auth` since it is very simple and auth related.	2019-01-21 19:11:43 -06:00
Travis Ralston	b678e84272	Remove extraneous TODO comment ... The thing it describes actually happened	2019-01-21 17:32:25 -07:00
Travis Ralston	15a56fa90b	Improve the profile section a bit and add a highlight to the temp tab	2019-01-21 17:27:43 -07:00
Travis Ralston	c3692aa9ae	Use the right icons, sizing, and font families for things	2019-01-21 16:51:43 -07:00
Travis Ralston	d907647e61	Spread the tabs out a bit	2019-01-21 16:51:43 -07:00
Travis Ralston	f1e44757f0	Very early work on the "General" tab	2019-01-21 16:51:43 -07:00
Travis Ralston	22435bf8d2	Make the dialog look more like a new dialog	2019-01-21 16:51:43 -07:00
Travis Ralston	a7e3d7df28	Make the tabs look like the design	2019-01-21 16:51:43 -07:00
Travis Ralston	15709040e7	Make tabs be their own panels	2019-01-21 16:51:43 -07:00
Travis Ralston	5adfc09237	Bring in TabbedView nearly verbatim from prior work ... Sourced from https://github.com/matrix-org/matrix-react-sdk/pull/1644 and related PRs.	2019-01-21 16:51:43 -07:00
J. Ryan Stinnett	29be3ee4b5	Rename login directory to auth	2019-01-21 17:45:55 -06:00
J. Ryan Stinnett	23b3e74c1c	Change to new field focused color	2019-01-21 13:47:16 -06:00
J. Ryan Stinnett	352107352e	Tweak field input padding to match label position	2019-01-21 13:47:16 -06:00
J. Ryan Stinnett	1906cfd700	Tweak field label to be vertically centered	2019-01-21 13:47:16 -06:00
Bruno Windels	5aff76b49d	use css scrollbar styles to make native scrollbars prettier	2019-01-21 19:06:49 +01:00
Bruno Windels	018f3d2a5c	use box-sizing: border-box to make clientHeight === actual height	2019-01-21 17:30:02 +01:00
Matthew Hodgson	efcfaed335	switch to 35px high gradients	2019-01-20 14:31:06 +00:00
J. Ryan Stinnett	efd5405267	Add a form field component for the redesign ... The label moves into the border on focus and after being filled. A valid color is applied to the label and input border. Other states like invalid can be added later as needed. Adapted from @ara4n's experiment into a React component with a CSS only approach.	2019-01-19 22:13:53 -06:00
David Baker	970880737e	Merge remote-tracking branch 'origin/experimental' into dbkr/sas	2019-01-18 18:33:11 +00:00
David Baker	ec2d51cbbb	SAS verification screen matching design	2019-01-18 16:56:49 +00: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
J. Ryan Stinnett	b2387f4cff	Define SCSS variable for resource dir ... Adds a `$res` SCSS variable set to the path from the root SCSS file to the `res` directory. This is a different base path than previously used in CSS URLs (it goes up 3 directories instead of 2), because Webpack will now be resolving images relative to the root SCSS file, so the path corresponds to a source tree location, instead of a path in the build output tree. Defining this variable has two main goals: * URLs are a bit easier to read * The path can be overridden, which is needed for external (riot-web) themes	2019-01-17 22:06:49 -06:00
J. Ryan Stinnett	9a7a8da6c0	Use font-family from theme in all components	2019-01-17 21:50:45 -06:00
Bruno Windels	23e7811f33	Merge pull request #2454 from matrix-org/bwindels/topleftcursor ... Fix: show hand cursor in topleft menu so its clear you can click it	2019-01-17 16:58:12 +00:00
Bruno Windels	2bec088591	show hand cursor in topleft menu so its clear you can click it	2019-01-17 14:07:33 +01:00
Bruno Windels	921906897f	css url paths are relative to location of compiled file, not project structure	2019-01-17 13:49:52 +01:00
Bruno Windels	89b576936b	Merge pull request #2448 from matrix-org/bwindels/searchmakeover ... Redesign: search makeover	2019-01-17 12:12:26 +00:00
Bruno Windels	8c30d05eb8	Revert "Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental" ... This reverts commit ece5cb1fcc, reversing changes made to 64a3d2521c.	2019-01-17 10:29:37 +01:00
J. Ryan Stinnett	859f2a8646	Show spinner while waiting on status message to commit ... It can take some time to actually set the status message and see it play back as a committed event. This adds a spinner for immediate feedback so it's clear that something is happening. Fixes https://github.com/vector-im/riot-web/issues/8135.	2019-01-16 09:33:39 -06:00
Matthew Hodgson	1082f548d3	hack nunito italics for now with CSS skew ... fixes https://github.com/google/fonts/issues/1726	2019-01-16 12:53:46 +00:00
Bruno Windels	0229453482	Merge pull request #2440 from matrix-org/bwindels/smarterresizer ... Improve room sublist resizing	2019-01-16 10:55:53 +00:00
Bruno Windels	899ee265e3	Merge branch 'experimental' into bwindels/searchmakeover	2019-01-16 11:17:38 +01:00
Bruno Windels	924e1f9e4a	don't show event search results with underline/blue	2019-01-16 11:14:30 +01:00
Bruno Windels	b14d436e98	make cancel button icon slightly larger	2019-01-16 11:14:19 +01:00
J. Ryan Stinnett	807d3aba6e	Use integer padding / border for avatar ... It seems fractional spacing results in different behavior across browsers, including unbalanced spacing, making the avatar appear uncentered. Here we avoid this by using integers that seem to closely match the comps. Fixes https://github.com/vector-im/riot-web/issues/8134.	2019-01-15 16:37:16 -06:00
Bruno Windels	c07470be7b	show a spinner while searching	2019-01-15 18:45:56 +01:00
J. Ryan Stinnett	4b13774585	Revert to avatar only when custom status disabled ... This returns to the previous behavior of avatar only without a button when the custom status feature is disabled so that you don't get pointer cursor for something that does nothing when clicked. The avatar ring spacing is kept consistent with and without the feature enabled by using a different class in CSS.	2019-01-15 10:54:29 -06:00
J. Ryan Stinnett	5b88b64950	Rework custom status context menu ... This updates the custom status context menu to match the latest comps. A single button is used for setting / clearing, depending on what is appropriate. The state logic is also changed to depend on events and storage from js-sdk for the committed status message. This makes it easy to distinguish the value being edited from what's currently committed.	2019-01-15 10:54:29 -06:00
J. Ryan Stinnett	6597e977c8	Update context menu styling to match custom status comps	2019-01-15 10:54:29 -06:00
J. Ryan Stinnett	eae1e4c9aa	Tweak custom status avatar ring ... Adjusts the appearance of the avatar ring to match the latest comps. In addition, we now always render the surrounding button element, which simplifies styling since the same size is now occupied both with and without the feature. This improves alignment between text in the composer and text in the message history (https://github.com/vector-im/riot-web/issues/8111).	2019-01-15 10:54:29 -06:00
J. Ryan Stinnett	7d6b996952	Tweak composer button padding so it won't affect status	2019-01-15 10:54:29 -06:00
Bruno Windels	77a62b9174	style search bar	2019-01-15 16:20:04 +01:00
Bruno Windels	1bbf1502ec	Merge branch 'experimental' into bwindels/smarterresizer	2019-01-15 10:23:50 +01:00
Bruno Windels	961e0d24df	flex-basis to 0 so sublists shrink/grow not-relative to their content	2019-01-14 14:41:31 +01:00
Bruno Windels	a413f358f7	normalize sizes when starting drag operation	2019-01-11 17:17:58 +01:00
J. Ryan Stinnett	35af3fc6f7	Add separate dialog for recovery method removed ... The "New Recovery Method" dialog would show if either the recovery method had been changed or removed, but the dialog text didn't make much sense for the removed case. This adds a separate dialog customized for the removed case. Fixes https://github.com/vector-im/riot-web/issues/8046.	2019-01-10 15:18:57 -06:00
Erik Johnston	cbf9ff6aee	Merge branch 'experimental' of github.com:matrix-org/matrix-react-sdk into erikj/state_counters	2019-01-10 16:56:47 +00:00
Bruno Windels	1a2727f0af	sized items cannot grow, unsized items start with their content size and shrink from there	2019-01-10 14:03:55 +01:00
Bruno Windels	40e8e48e08	fix grid growing wider than viewport	2019-01-09 19:05:21 +01:00
Bruno Windels	ece5cb1fcc	Merge pull request #2348 from matrix-org/bwindels/roomgridview-experimental ... Tiled room UI	2019-01-09 17:25:08 +00:00
J. Ryan Stinnett	79df843a6e	Fix path to New Recovery Method icon	2019-01-09 06:25:35 -06:00
Bruno Windels	254427461d	fix PR feedback	2019-01-09 12:48:13 +01:00
Bruno Windels	0c364510ef	trying to make the left panel not grow taller than available space	2019-01-08 18:16:37 +01:00
Bruno Windels	b4197059a0	change min size to exactly one room tile + header	2019-01-08 18:16:09 +01:00
Bruno Windels	4bd6ce8e2c	WIP2 for making smart resizer work, sort of works now but shows big scrollbar	2019-01-08 16:47:47 +01:00
David Baker	e5f74957cb	Merge pull request #2408 from matrix-org/dbkr/fix_gif_icon_on_stickers ... Fix black-on-black GIF icon for stickers	2019-01-08 09:35:06 +00:00
J. Ryan Stinnett	2ff532621c	Remove unbalanced padding in create key backup dialog ... This padding only one side made it impossible to center things in the dialog. Since the dialog also has nice spacing without the padding, this change removes it. Fixes https://github.com/vector-im/riot-web/issues/7862.	2019-01-07 17:48:10 -06:00
J. Ryan Stinnett	a1daecc249	Remove empty CSS rule	2019-01-07 14:12:32 -06:00
J. Ryan Stinnett	f60a865727	Restore room name ellipsis on overflow ... Fixes vector-im/riot-web#8037.	2019-01-07 14:12:32 -06:00
J. Ryan Stinnett	7a1008f1fe	Fix color for @room pills in HTML messages	2019-01-07 09:56:40 -06:00
J. Ryan Stinnett	bf87547f88	Remove unexpected underline from pills ... Fixes vector-im/riot-web#8031.	2019-01-07 09:56:40 -06:00
Erik Johnston	9a5f17d0b1	Change CSS to match experimental	2019-01-07 15:21:00 +00:00
Erik Johnston	8a6e7382ae	Missing newline	2019-01-07 13:52:13 +00:00
Erik Johnston	712241d710	Add simple state counters to room heading	2019-01-07 13:52:13 +00:00
David Baker	54898a6c35	Fix black-on-black GIF icon for stickers ... Text colour ended up being the link colour on images because the whole image is in an `a`, but stickers are not so it got the default font colour, which might be black. Define an explicit colour. Also set pointer-events: none so you can hover over the gif icon too (I managed to make the message panel small which made the icon cover most the image, so this prevented the gif from animating at all). Fixes https://github.com/vector-im/riot-web/issues/8004	2019-01-07 13:49:01 +00:00
Bruno Windels	290dc9d8fb	Merge branch 'experimental' into bwindels/roomgridview-experimental	2019-01-07 14:17:57 +01:00
J. Ryan Stinnett	a7c9d4ea1f	Use same link style in HTML messages ... Links in HTML messages were missing the usual underline style, making them look different from links in text messages (which already do this). Fixes vector-im/riot-web#4655.	2019-01-04 18:32:43 -06:00
J. Ryan Stinnett	2769e68169	Give the create key backup title more space	2019-01-04 17:14:10 -06:00
J. Ryan Stinnett	97747640bb	Record keys button styling tweak	2019-01-04 17:14:10 -06:00
Travis Ralston	93ea9d3617	Condense .mx_RoomTile_avatar properties ... Looks like the develop->experimental merge duplicated the definition. We'll take the best of both and make it work.	2019-01-03 18:07:34 -07:00
Travis Ralston	852d6df580	Fix composer avatar being an oval when a custom status is set ... Fixes this: https://t2l.io/_matrix/media/v1/download/t2l.io/0d5c7fa9a4b5bf226a020def8480a887	2019-01-03 18:06:37 -07:00
Travis Ralston	51dc1fe9bf	Fix badges on room tiles not being right aligned ... Thanks to Ryan for fixing this! Problem: https://t2l.io/_matrix/media/v1/download/t2l.io/da6fccb60969da1c455630faae990881	2019-01-03 18:05:59 -07:00
J. Ryan Stinnett	920911c0a1	Room list fixes for custom status	2019-01-03 18:49:15 -06:00
Travis Ralston	8017f0a4a1	Merge remote-tracking branch 'origin/experimental' into travis/develop-for-real	2019-01-03 16:00:23 -07:00
Travis Ralston	6447a60e1f	Revert "Merge pull request #2336 from matrix-org/travis/notif-button" ... This reverts commit 96300b45b7.	2019-01-03 15:44:07 -07:00
David Baker	f928be6f59	Revert "Merge pull request #2395 from matrix-org/dbkr/merge_develop_experimental" ... This reverts commit ad47144355.	2019-01-03 15:37:03 -07:00
David Baker	982e037822	Fix merge	2019-01-03 18:05:38 +00:00
David Baker	7d161de35b	Partial merge of develop to experimental ... Does not include #2336 as the file has been moved out from underneath it: will do this separately	2019-01-03 15:02:58 +00:00
Nad Chishtie	09bf68b1bd	Improved colours.	2018-12-20 12:46:43 +00:00
Nad Chishtie	42c8d43065	Lint.	2018-12-20 11:35:58 +00:00
Nad Chishtie	9b8f07c19f	Don't override text colour of selected room in room list.	2018-12-20 11:35:43 +00:00
Nad Chishtie	d7473c4f4d	Various colour, contrast and legibility improvements.	2018-12-20 11:35:21 +00:00
Nad Chishtie	6c2d2f60cf	Polished left left panel.	2018-12-20 11:34:20 +00:00
Travis Ralston	2e1e536d5c	Merge pull request #2347 from matrix-org/travis/custom-status ... Custom status messages	2018-12-19 11:11:15 -07:00
J. Ryan Stinnett	24f0123ded	Convert pass phrase entry to flexbox ... Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>	2018-12-19 17:46:37 +00:00
J. Ryan Stinnett	9c4ff4048a	Convert show recovery key to flexbox ... This allows the buttons to fit on a single line and flows a bit better at low widths. Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>	2018-12-19 17:46:37 +00:00
J. Ryan Stinnett	a22a9492a0	Remove duplicate CSS file for CreateKeyBackupDialog ... Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>	2018-12-19 17:46:37 +00:00
Travis Ralston	a1347add95	Merge branch 'develop' into travis/custom-status	2018-12-19 10:33:34 -07:00
Bruno Windels	f7ed1ff046	avoid buttons being deformed in collapsed state ... unsure what this was doing before, I suspect the BottomLeftMenu which is gone now.	2018-12-19 12:59:03 +01:00
Bruno Windels	b3a12867a6	remove extra blank lines	2018-12-19 12:56:08 +01:00
Bruno Windels	b826b0d998	Add redesign feedback dialog + button in tag panel	2018-12-19 12:27:05 +01:00
Bruno Windels	8b406eab3b	Merge pull request #2371 from matrix-org/bwindels/rmdot ... Redesign: add badge with dot to rm button, to see it catches your eye better	2018-12-19 09:49:19 +00:00
Nad Chishtie	a829bc901c	Updated CSS syntax to avoid 'transparent black'.	2018-12-18 17:59:46 +00:00
Travis Ralston	ef60a34180	Clean up and follow code style	2018-12-18 10:53:37 -07:00
Bruno Windels	1d43712a8f	Merge branch 'experimental' into nadonomy/icons	2018-12-18 18:22:24 +01:00
Bruno Windels	2ad9f45655	add badge with dot to rm button, so it catches your eye better	2018-12-18 17:56:05 +01:00
Nad Chishtie	074c96cd3e	First pass of normalising icons.	2018-12-18 16:48:20 +00:00
Bruno Windels	f0a412e721	fix docs	2018-12-18 14:32:46 +01:00
Bruno Windels	12a339fe10	change subroomlist min height, as roomtiles are smaller now	2018-12-18 14:32:26 +01:00
Bruno Windels	affe75fd3f	make scroll indicator gradient smaller (40px->30px)	2018-12-18 14:31:59 +01:00
J. Ryan Stinnett	acc2e98355	Add New Recovery Method dialog ... Adds a New Recovery Method dialog which is shown when key backup fails because of a version mismatch / version not found error. The set up button in the dialog currently only marks a device as verified (via a verification prompt) instead of the eventual restore and cross-sign flow, since those pieces don't exist yet. Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>	2018-12-18 10:20:12 +00:00
Bruno Windels	0496ed535c	have a bit more space between rooms	2018-12-17 14:35:11 +01:00
Bruno Windels	242b0c21ac	make avatar 24px and tile height 32px	2018-12-17 14:03:48 +01:00
Bruno Windels	6c1639b2ce	dont hardcode avatar container dimensions	2018-12-17 14:03:28 +01:00
Travis Ralston	7b0766a303	Apply 50% opacity to the checkmark when there is no status	2018-12-14 13:49:35 -07:00
Bruno Windels	e4d2b6f2b7	fix resize handles being too thick on edge (hopefully)	2018-12-14 17:06:00 +01:00
Bruno Windels	2afdb04db5	prevent jumping on when hovering over invited section	2018-12-14 17:05:01 +01:00
J. Ryan Stinnett	15366fbb0a	Change room recovery reminder button style ... Change the button to a transparent background so that it's less prominent and you focus on the primary button instead. Signed-off-by: J. Ryan Stinnett <jryans@gmail.com>	2018-12-13 16:36:55 +00:00
Travis Ralston	96300b45b7	Merge pull request #2336 from matrix-org/travis/notif-button ... Show the number of unread notifications above the bell on the right	2018-12-13 08:16:48 -07:00
Bruno Windels	b0c84591d7	show focus glow below dialogs (at z-index 4000)	2018-12-13 13:01:59 +01:00
Bruno Windels	f593bff3c3	show right panel tabs inside panel instead of room header in grid mode	2018-12-13 13:01:59 +01:00
Bruno Windels	ec070ea782	use % instead of fr units for grid, make size independant of content	2018-12-13 13:01:59 +01:00
Bruno Windels	74becf71d8	add right panel back to grid view	2018-12-13 13:01:59 +01:00
Bruno Windels	2ceef00944	style active room rect, and make it not jump	2018-12-13 13:01:59 +01:00
Bruno Windels	cf0f75cad4	allow changing active room in grid by clicking it	2018-12-13 13:01:59 +01:00
Bruno Windels	fdd324a943	basic divider lines for tiles	2018-12-13 13:01:59 +01:00
Bruno Windels	d4748c91df	add first draft of RoomGridView	2018-12-13 13:01:59 +01:00
Travis Ralston	b0b7932f5f	Move status context menu to its own component ... This fixes a lot of the state bugs such as buttons not updating, etc. This commit also adds the border around the avatar to indicate a status is set.	2018-12-12 22:26:39 -07:00
Travis Ralston	99f5b9e39b	Misc cleanup of whitespace	2018-12-12 18:18:43 -07:00
Travis Ralston	a91963e5ee	Replace the avatar next to the composer with a status entry menu ... The checkmark might change, and there appears to be some state tracking mishaps that need to be worked out. Part of https://github.com/vector-im/riot-web/issues/1528	2018-12-12 18:03:30 -07:00
Travis Ralston	cd9ea2b2d7	Fix alignment of avatars and status messages ... also introduce the status message to the MemberInfo pane Part of https://github.com/vector-im/riot-web/issues/1528	2018-12-12 12:57:48 -07:00
Bruno Windels	9f5a0250bf	Merge pull request #2345 from matrix-org/bwindels/jumptofirstunread-rebased ... Redesign: restyle jump to first unread message & rework read marker logic (rebased)	2018-12-12 10:13:51 +00:00
Bruno Windels	e505a9e45c	Merge pull request #2343 from matrix-org/bwindels/addroombuttonalignment ... Redesign: fix add room button alignment when collapsed	2018-12-12 09:21:12 +00:00
Travis Ralston	ce7969e3d5	Display custom status messages in the UI ... Part of https://github.com/vector-im/riot-web/issues/1528	2018-12-11 21:40:11 -07:00
Bruno Windels	ac9902e52a	apply redesign to topunreadmessagebar ... with placeholder for message count	2018-12-11 15:43:00 +01:00
Bruno Windels	d3f655a064	fix avatar in edit mode	2018-12-11 13:11:26 +01:00
Bruno Windels	678a982bbb	dont use more padding than needed so no shrinking happens (my guess)	2018-12-11 13:02:04 +01:00
Bruno Windels	a8f9a74920	make mygroups look slightly more in line with redesign	2018-12-10 17:55:30 +01:00
Bruno Windels	6488b01324	fix mergo-error	2018-12-10 17:48:11 +01:00
Bruno Windels	93767fa5f1	fix invite button layout	2018-12-10 17:46:22 +01:00
Bruno Windels	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	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	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	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
Maxwell Kepler	5d35ce9449	Changed letter case.	2018-10-24 19:06:48 +01:00
Will Hunt	44a41b589d	Comma on strings and styling button	2018-10-24 17:50:27 +01:00
Bruno Windels	e4dfb90b85	basic makeover of member panel with big avatar	2018-10-24 18:23:34 +02:00
Bruno Windels	873ff7fc29	make EntityTile responsive	2018-10-24 18:22:57 +02:00
Bruno Windels	302b3ad0e9	disable presence opacity	2018-10-24 14:56:21 +02:00
Bruno Windels	25b55b2801	Merge pull request #2245 from matrix-org/bwindels/memberlistmakeover ... Redesign: memberlist basic makeover	2018-10-24 12:23:30 +00:00
Bruno Windels	fed72c2368	Merge pull request #2246 from matrix-org/bwindels/roomlistfontsizes ... Redesign: tweak room list font sizes	2018-10-24 12:23:18 +00:00
Bruno Windels	0038d6d219	Merge pull request #2234 from matrix-org/bwindels/roomsectionfixcollapsedsize ... Redesign: Fix room lists sizing	2018-10-24 12:23:05 +00:00
Bruno Windels	9299d84a13	tweak room list font sizes	2018-10-24 14:03:16 +02:00
Bruno Windels	8c62dddb32	one big commit, sorry ... changing looks of input & buttons changing background color of right panels moving invite button around change margins and paddings in memberlist	2018-10-24 13:50:58 +02:00
Bruno Windels	8a5c46ead0	Merge branch 'experimental' into bwindels/memberlistmakeover	2018-10-24 11:06:08 +02:00
Bruno Windels	5425eda438	Merge pull request #2241 from matrix-org/bwindels/redesignicons1 ... Redesign: update (most) icons	2018-10-23 19:40:59 +00:00
Bruno Windels	e479c72e3c	Merge branch 'experimental' into bwindels/roomheader1	2018-10-23 21:39:13 +02:00
Bruno Windels	56ed38ad13	WIP	2018-10-23 21:38:04 +02:00
Bruno Windels	466062e872	Merge pull request #2239 from matrix-org/bwindels/topleftmenu1 ... Redesign: 1st go at top left menu & restyling context menus	2018-10-23 19:37:05 +00:00
Bruno Windels	88df3d2a81	Merge pull request #2238 from matrix-org/bwindels/initialtimelinetweaks ... Redesign: Initial timeline tweaks	2018-10-23 19:36:19 +00:00
Bruno Windels	eb453f4539	make icons in composer smaller, better spacing	2018-10-23 18:11:15 +02:00
Bruno Windels	18fedb23ec	fix basic room header layout ... make room name take as much space as it needs (but not more than width) put all items apart from right buttons in one flex container so name and topic can grow as required more small tweaks	2018-10-23 16:57:56 +02:00
Bruno Windels	b7ab207778	move sendername colors to theme	2018-10-23 15:48:44 +02:00
Bruno Windels	4b90fd5c11	move TopLeftMenu to context_menus folder	2018-10-23 15:42:28 +02:00
Bruno Windels	8b38af856a	put settings and sign out in top left menu for now	2018-10-23 15:25:20 +02:00
Bruno Windels	863d89f6fd	show profile in topleftmenu button for now (will be current community)	2018-10-23 15:25:10 +02:00
Bruno Windels	eba91d3edc	initial restyle of context menus with drop shadow	2018-10-23 15:23:59 +02:00
Bruno Windels	3f6175527c	move menu padding from wrapper so menu can have full-width elements	2018-10-23 15:22:41 +02:00
Bruno Windels	5f1cf07543	rename TopLeftMenu to TopLeftMenuButton ... so the former can be the actual menu	2018-10-23 13:29:44 +02:00
Bruno Windels	f2efbc15f4	apply color categories to sender profile name	2018-10-23 10:49:44 +02:00
Bruno Windels	2a264f36b7	style date separator	2018-10-23 10:25:04 +02:00
Bruno Windels	bf6486ac4f	align avatar in room header with avatars in timeline ... (equally not part of design but making it prettier for now)	2018-10-23 09:34:08 +02:00
Bruno Windels	f3ae9fe981	align avatar in composer with avatar in timeline ... not part of design but temporarily make it prettier	2018-10-23 09:33:35 +02:00
Bruno Windels	7e09d50e68	add padding to timeline	2018-10-23 09:33:22 +02:00
Travis Ralston	f2cac45543	Merge branch 'develop' into travis/fix-group-members	2018-10-22 15:02:01 -06:00
Maxwell Kepler	54f9231582	Added badge to GIFs (https://github.com/vector-im/riot-web/issues/7344)	2018-10-22 20:57:58 +01:00
Bruno Windels	e8048930c4	align (+) button and aggregated badge on section header	2018-10-22 18:18:36 +02:00
Bruno Windels	59fe5ee91f	make text on room tile with highlight or notifitications black	2018-10-22 18:18:08 +02:00
Bruno Windels	3d5395e784	tweak paddings and margins on room tile	2018-10-22 18:17:51 +02:00
Bruno Windels	521e035bf0	add vertical space above and below room section	2018-10-22 18:17:14 +02:00
Bruno Windels	91a2ee1779	tweak badges	2018-10-22 18:16:36 +02:00
David Baker	9976c4eba5	Merge pull request #2231 from matrix-org/travis/dialog-buttons ... Move all dialog buttons to the right and fix their order	2018-10-22 15:00:35 +01:00
Bruno Windels	15059fe005	make sure the room list doesn't grow taller than viewport ... by setting the min-height to 0 at every flex level, since by default it's auto which means grow as tall as you need to make the content fit.	2018-10-22 15:55:29 +02:00
Bruno Windels	e3a4ad778a	not needed anymore ... also confuses resizer offset calculation, which will need to be fixed regardlessly though	2018-10-22 15:51:27 +02:00
David Baker	c677dd8a24	Merge pull request #2225 from matrix-org/travis/join-room-text ... Add a bit of text to explain the purpose of the RoomPreviewSpinner	2018-10-22 13:11:09 +01:00
Bruno Windels	d1bab6cc35	tweak resize handle in room list ... only show a 1 px line but with a 9px interaction target apply darker color from design	2018-10-22 11:19:42 +02:00
Bruno Windels	f42ab32e05	Merge branch 'experimental' into bwindels/roomsectionheadercleanup	2018-10-22 10:31:07 +02:00
Travis Ralston	9582c1e65a	Move all dialog buttons to the right and fix their order ... Fixes https://github.com/vector-im/riot-web/issues/5689 Some dialogs had their own CSS that prevented the buttons from being placed in the right spot. This has been fixed by using a generic standard for the buttons. The only strange dialog that needed more CSS was the devtools dialog due to the header. Not all dialogs have been checked - I spot-checked about half of them and verified the CSS manually on an established account. It's hard to get at all the dialogs without convoluted testing.	2018-10-19 15:33:23 -06:00
Bruno Windels	7c64d9637e	hide resize handles next to collaped/empty sublists	2018-10-19 18:18:45 +02:00
Bruno Windels	8f71210bdf	header should never grow or shrink	2018-10-19 14:44:07 +02:00
Bruno Windels	5091aa3b43	get rid of emptyContent, also cleanup sublist render method ... also assume empty list in css by default and add nonEmpty class	2018-10-19 14:41:51 +02:00
Bruno Windels	57a9d3ca98	remove obsolete resizer	2018-10-19 14:37:23 +02:00
Bruno Windels	bbd50e75ee	disable old style of showing focus for now	2018-10-19 12:10:37 +02:00
Bruno Windels	bfbf41f431	make scrollable room list grab available space ... without this, in small sizes, it would make the header shrink.	2018-10-19 12:09:15 +02:00
Bruno Windels	798be2d514	remove room count leftovers	2018-10-19 12:08:05 +02:00
Bruno Windels	6af61ebb09	add plus button for rooms and people	2018-10-19 12:07:36 +02:00
Bruno Windels	44b92eb071	set sub list height with flex-basis to make it ... well, grow less	2018-10-18 16:58:17 +02:00
Bruno Windels	d264687796	don't scroll sub list header	2018-10-18 16:25:22 +02:00
Bruno Windels	c1e602d56f	scrollbars and resize handles around room sub lists	2018-10-18 15:19:45 +02:00
Travis Ralston	af8dfda9a7	Add a bit of text to explain the purpose of the RoomPreviewSpinner ... Fixes https://github.com/vector-im/riot-web/issues/5869	2018-10-17 13:53:12 -06:00
Bruno Windels	874ef50273	don't truncate room lists	2018-10-17 14:45:36 +02:00
Travis Ralston	8668faa6b0	Show the group member list again ... Fixes https://github.com/vector-im/riot-web/issues/7511	2018-10-16 19:14:06 -06:00
Bruno Windels	529845d8fc	group collapsed styles	2018-10-16 14:55:35 +02:00
Bruno Windels	8fa22d620a	align badge and make it non-flex when collapsed	2018-10-16 14:54:30 +02:00
Bruno Windels	99bf6b0e32	put dm icon back in it's correct location	2018-10-16 14:53:44 +02:00
Travis Ralston	94aac62f25	Move the login box from the left sidebar to where the composer is ... Fixes https://github.com/vector-im/riot-web/issues/4227 This includes removing the collapse button that isn't needed anymore.	2018-10-15 14:26:24 -06:00
Bruno Windels	3331a29ac5	put sizing of right panel in RightPanel style file, plus min-width	2018-10-11 15:42:45 +02:00
Bruno Windels	d6774fd8ee	make the left panel collapse by only adding collapse class on container ... as the resize handle is a sibling of the mxLeftPanel_container, that class is the one that has to collapse if we don't want to complicate the logic. So change style rules to check .mxLeftPanel_container.collapsed, and make left panel not break out of the container when it gets narrow by hiding the overflow	2018-10-11 15:37:42 +02:00
Bruno Windels	e5d1b3328c	make resize handles have correct color + bidirectional cursor	2018-10-11 15:35:17 +02:00
Bruno Windels	928b6d47c8	add resize handles between 3 main app columns	2018-09-24 16:07:42 +01:00
Bruno Windels	313956dd99	make left panel adapt to width ... includes using flexbox in the room tile to avoid hardcoded width	2018-09-24 16:06:57 +01:00
Bruno Windels	91ec96c8d3	Merge branch 'develop' into bwindels/redesign	2018-09-21 12:44:44 +02:00
David Baker	f507aac3d5	Show if recovery key is valid	2018-09-17 17:05:29 +01:00
David Baker	d94553bafc	UI for whether the key backup is enabled or not	2018-09-14 17:08:02 +01:00
David Baker	292b1f09af	WIP e2e key backups ... Continues from Matthew's work: adds a feature flag & panel in user settings to create a backup. Can't restore a backup yet, nor even continue backing up to the same backup after a refresh.	2018-09-13 17:11:46 +01:00
David Baker	fa669bf096	Error on splash screen if sync is failing ... Display an error on the splash screen with the spinner if the sync request is not working, rather than just sitting there with a spinner as if nothing is wrong. Fixes https://github.com/vector-im/riot-web/issues/7148	2018-09-07 12:18:25 +01:00
David Baker	2c1ba6f104	Merge pull request #2124 from matrix-org/dbkr/tombstone ... Support m.room.tombstone events	2018-08-29 18:38:48 +01:00
David Baker	c40ac49b2a	Merge remote-tracking branch 'origin/develop' into dbkr/roomcreate	2018-08-29 18:18:08 +01:00
David Baker	42bb8e4ebd	Add image dimensions	2018-08-21 17:57:15 +01:00
David Baker	cd4b520574	Add image dimensions ... To avoid popping when the image loads & make sure the SVG appears the right size	2018-08-21 17:52:13 +01:00
David Baker	7f8cd203a8	Support m.room.tombstone events ... For https://github.com/vector-im/riot-web/issues/7164	2018-08-21 15:56:56 +01:00
David Baker	ab10b5493b	Support room creation events ... For https://github.com/vector-im/riot-web/issues/7164	2018-08-20 16:20:59 +01:00
David Baker	9f19896df0	Support for room upgrades ... * Show when a room upgrade is needed * Dialog box to perform the upgrade	2018-08-17 14:54:43 +01:00
David Baker	6593ee09d1	Warning bar for MAU limit hit ... Somewhat untested, sorry	2018-08-07 17:04:37 +01:00
Matthew Hodgson	4fbf34e05b	Merge branch 'develop' into matthew/dharma	2018-08-03 17:15:00 -07:00
David Baker	b5d2fa769c	Support MAU error on sync ... For https://github.com/vector-im/riot-web/issues/7091	2018-08-03 14:54:52 +01:00
Matthew Hodgson	fe73953d9d	fix merge; disable sticky headers; tweak chevrons	2018-07-30 09:00:11 -07:00
Matthew Hodgson	9783b6100d	Merge branch 'develop' into matthew/dharma	2018-07-29 17:03:23 +01:00
Michael Telatynski	afa19cd60d	make clicking autocomplete suggestions work again ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-07-24 13:48:05 +01:00
David Baker	4f8ece53b2	Fix CSS naming	2018-07-23 15:58:07 +01:00
David Baker	5adcd673ab	Fix persisent apps being the wrong size	2018-07-23 15:08:17 +01:00
Bruno Windels	6f278ceab0	Merge pull request #2071 from matrix-org/dbkr/persistedelement_border ... Fix border around persisted widgets	2018-07-20 12:23:02 +01:00
David Baker	f658753610	Fix e2e icons floating above jitsi ... Remove another seemingly redundant z-index Fixes https://github.com/vector-im/riot-web/issues/7056	2018-07-18 14:14:38 +01:00
David Baker	f868cd6699	Fix border around persisted widgets ... The PersistedElement had zero height so the border ended up in the wrong place. Add a wrapper to fix the height back. Fixes https://github.com/vector-im/riot-web/issues/7030 Fixes https://github.com/vector-im/riot-web/issues/7029	2018-07-18 11:52:57 +01:00
Bruno Windels	349615c5c1	Merge pull request #2065 from matrix-org/dbkr/read_avatars_under_jitsi ... Fix read receipts on top of Jitsi	2018-07-17 17:37:13 +01:00
David Baker	a79caed0c9	Merge remote-tracking branch 'origin/develop' into dbkr/tiny_jitsi_follows_you_between_rooms	2018-07-16 17:21:51 +01:00
David Baker	74ad795d4a	Fix read receipts on top of Jitsi ... By removing z-index which, as far as I can see, does nothing. Fixes https://github.com/vector-im/riot-web/issues/7021	2018-07-16 17:10:58 +01:00
David Baker	d16ac4d80c	Merge pull request #1890 from matrix-org/matthew/slate ... Replace Draft with Slate	2018-07-16 14:16:25 +01:00
David Baker	e56feea9ec	Put always-on-screen widgets in top left ... always-on-screen widgets now appear in the top-left where the call preview normally is if you're not in the room that they're in. Fixes https://github.com/vector-im/riot-web/issues/7007 Based off https://github.com/matrix-org/matrix-react-sdk/pull/2053	2018-07-12 18:43:49 +01:00
David Baker	8f10ee01c6	Implement always-on-screen capability for widgets ... As per https://github.com/matrix-org/matrix-doc/issues/1354 This is whitelisted to only jitsi widgets for now as per comment, mostly because any widget that we may make always-on-screen we need to preemptively put in a PersistedElement container, which is unnecessary for any other widget. Apologies that this does a bunch of refactoring which could have been split out separately: I only discovered what needed to be refactored in the process of doing this. Fixes https://github.com/vector-im/riot-web/issues/6984	2018-07-11 18:07:32 +01:00
Matthew Hodgson	efdc5430d7	merge develop	2018-07-09 17:50:07 +01:00
Michael Telatynski	7225f7372c	Revert " make click to insert nick work on join/parts, /me's etc"	2018-07-03 10:30:08 +01:00
Michael Telatynski	2c537a8dff	update styling ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-29 15:28:36 +01:00
Michael Telatynski	6021c3a634	Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/click_username_state_ev	2018-06-29 14:56:18 +01:00
Luke Barnard	66002a4c00	Fix status bar element positioning	2018-06-27 15:19:27 +01:00
Luke Barnard	6345fcb8f2	Fix incorrectly positioned copy button on <pre> blocks	2018-06-27 11:31:55 +01:00
Michael Telatynski	b3341e6664	on click roomsublist notif badge, goto first room with notif ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-27 09:49:25 +01:00
Michael Telatynski	f7dfba417c	Revert "affix copyButton so that it doesn't get scrolled horizontally"	2018-06-25 16:31:43 +01:00
Michael Telatynski	e1ba6949d0	expand composer input focus region and apply cursor:text to it ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-23 16:40:53 +01:00
Michael Telatynski	32ab997230	properly style Group Pill ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-22 14:38:06 +01:00
Michael Telatynski	c1e608f1a8	show permalinks to communities as Pills ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-19 11:53:17 +01:00
Michael Telatynski	01a6b7f77f	affix copyButton so that it doesn't get scrolled horizontally ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-16 10:27:42 +01:00
David Baker	6904c2bafe	Merge pull request #1948 from matrix-org/export_Group ... Share Dialog	2018-06-15 10:52:27 +01:00
Michael Telatynski	7de7275c6d	remove subheadings in ShareDialog ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-14 18:56:46 +01:00
David Baker	5523c1e50a	Merge pull request #1964 from matrix-org/t3chguy/tag_panel_a11y ... fix styling of clearButton when its not there	2018-06-14 11:47:44 +01:00
Michael Telatynski	3b501137a5	change cursor:pointer iff clicking TagPanel background does something ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-14 11:42:21 +01:00
Michael Telatynski	c811c30c0d	fix styling of clearButton when its not there ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-14 11:36:04 +01:00
Luke Barnard	7029e9ac74	Merge pull request #1912 from matrix-org/luke/kill-mimage-fixupheight ... Implement slightly magical CSS soln. to thumbnail sizing	2018-06-14 11:17:15 +01:00
David Baker	742a2d0111	Merge pull request #1962 from matrix-org/t3chguy/codeblock_notice ... move css rule to be more generic; remove overriden rule	2018-06-14 10:57:58 +01:00
Michael Telatynski	a257dc27c5	move css rule to be more generic; remove overriden rule ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-13 19:08:24 +01:00
Michael Telatynski	22bec0d67d	allow CreateRoom to scale properly horizontally ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-13 09:13:32 +01:00
Michael Telatynski	e3c455e599	Style the ShareDialog ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-12 11:22:01 +01:00
Michael Telatynski	e7a4a0b2e0	allow context-menus/tooltips to work over modals ... Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>	2018-06-12 11:22:01 +01:00