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
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
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
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
Bruno Windels
872c1acdea
keep mx_Field stretching
2019-06-17 18:29:03 +02: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
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
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
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
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
14dc4b47fa
Merge branch 'develop' into travis/feature/wellknown2
2019-05-22 23:05:54 -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
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
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