J. Ryan Stinnett
4211ec5063
Fix DOM structure in RoomRecoveryReminder
...
Buttons (which end up as <div>s) aren't allowed inside <p>s.
2020-01-03 13:51:45 +00:00
Travis Ralston
6f1525c1f3
Appease the scss linter
2020-01-02 17:47:26 -07:00
Travis Ralston
4de0f7257a
Initial implementation of FTUE user lists design
...
This covers the "recents" section and rough design exclusively. It is known that the Field does nothing and that there's a bunch of missing functionality - this is to be iterated upon in future PRs. Labs flag is to aide development and should be removed in a very near future PR.
Also, this is focusing on DMs and not user lists in general because I misinterpreted the scope. I'll fix this in a future PR and instead make this the best DM invite dialog it can be.
Closes https://github.com/vector-im/riot-web/issues/11197
2020-01-02 17:40:18 -07:00
David Baker
ffba19bd61
Remove E2eIcon onClick
...
It displayed the Encrypted Event Info dialog, but this full of
super advanced debug information and base64 strings that no normal
users should ever have to see. It's still accessible via the comtext
menu (ie. the same place as 'View Source').
2020-01-02 16:52:25 +00:00
Will Hunt
fa9fd97a4e
missing }
2020-01-02 09:41:50 +00:00
Will Hunt
0a8cc416bf
Merge branch 'develop' into hs/bridge-info
2019-12-30 17:09:05 +01:00
Justin Sleep
d0b8565f54
Fix inverted diff line highlighting in dark theme
...
Signed-off-by: Justin Sleep <justin@midnightmechanism.com>
2019-12-28 23:56:44 -06:00
Michael Telatynski
9bdadd2103
Merge pull request #3751 from matrix-org/t3chguy/react16_contexts_online_dot
...
Room Tile DMs online/active green dot
2019-12-27 16:50:21 +00:00
Michael Telatynski
22fe0add3c
Make UserOnlineDot more generic
2019-12-26 18:14:46 +00:00
Michael Telatynski
84eb72b0e0
fix alignment
2019-12-23 11:38:52 +00:00
Michael Telatynski
afcbb218fa
match padding on CustomRoomTagPanel and fix colour of Communities btn
2019-12-23 11:31:30 +00:00
Travis Ralston
e7928e8def
Use flex-start
instead of start
for postcss
...
This is just something the loaders complain about - apparently `start` is old and we should feel bad.
2019-12-22 20:56:19 -07:00
Michael Telatynski
d9ea9b4ad3
Iterate to match design on Zeplin
2019-12-19 20:53:34 +00:00
Michael Telatynski
b2249d0561
Initial rejig
2019-12-19 20:09:05 +00:00
Michael Telatynski
1c31fd3413
Apply new design to highlighted tags and add toggle mechanic
2019-12-19 16:54:30 +00:00
Michael Telatynski
6c1944359e
Add RoomTile online indicator to DMs
2019-12-19 14:29:46 +00:00
Michael Telatynski
66783dff9e
Fix scaling of the avatar in UserInfo
2019-12-19 12:27:25 +00:00
Michael Telatynski
3196655524
Replace UserInfo avatar with <MemberAvatar/> for fallback logic
2019-12-19 10:42:47 +00:00
Michael Telatynski
7b4ad61bea
post-merge fix
2019-12-16 16:23:35 +00:00
Michael Telatynski
6f5ac780fa
Use new image.svg placeholder for AvatarSetting in Rooms
2019-12-16 16:19:43 +00:00
Michael Telatynski
5ab98e9899
open ImageView when clicking on a set avatar
2019-12-16 15:21:05 +00:00
Michael Telatynski
9fa2680dc6
Implement new design for uploading/removing avatars
2019-12-16 14:58:12 +00:00
David Baker
be914c7b0c
Merge pull request #3728 from matrix-org/jryans/verify-users
...
Verify users when cross-signing enabled
2019-12-16 10:12:46 +00:00
J. Ryan Stinnett
2df72bfde2
Update room / user decoration for cross-signing
2019-12-13 17:57:26 +00:00
Michael Telatynski
17a42cd287
Make LInkPreviewWidget close button Keyboard & SR Accessible
2019-12-13 14:02:50 +00:00
J. Ryan Stinnett
fae819dfe5
Merge remote-tracking branch 'origin/develop' into jryans/4s-new-key-backup
2019-12-11 10:05:20 +00:00
Michael Telatynski
f079c2fdd2
Merge pull request #3709 from matrix-org/t3chguy/what-input
...
Add what-input to allow different scoping to focus-visible for MAB a11y
2019-12-09 13:45:59 +00:00
Half-Shot
626ab17ed3
Styling
2019-12-09 13:22:45 +00:00
Michael Telatynski
4be8b87869
Add what-input to allow different scoping to focus-visible for MessageActionBar keyboard a11y
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-12-07 13:07:52 +00:00
Michael Telatynski
86e52d1ef3
Mark the This/All Rooms scope buttons as radios for a11y
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-12-07 12:45:28 +00:00
J. Ryan Stinnett
9f1c2cd3e1
Add dialogs for creating and accessing secret storage
...
This adds dialogs for creating and accessing secret storage via a passphrase or
recovery key. These flows are adapted from the ones used for key backup.
2019-12-05 15:34:07 +00:00
J. Ryan Stinnett
2a8853dd82
Remove duplicate dialog CSS
2019-12-04 17:24:49 +00:00
Michael Telatynski
be6da03348
Merge pull request #3611 from matrix-org/t3chguy/context_menus
...
ARIA compliant context menus
2019-12-04 17:17:47 +00:00
David Baker
bc52db5423
Merge pull request #3697 from matrix-org/travis/e2e-icons
...
Match e2e icons on events to expectations
2019-12-04 10:33:47 +00:00
Travis Ralston
33044d713e
Match e2e icons on events to expectations
...
Fixes https://github.com/vector-im/riot-web/issues/11547
Steps taken:
* Convert `E2ePadlock` to a class-style component so the hover state can be tracked (tooltips).
* Convert the image mask to a background image to keep the `!` in the shield.
* Update copy.
2019-12-03 22:41:22 -07:00
Travis Ralston
e47752ff8d
Match room upgrade warning to the new design
...
See https://github.com/matrix-org/matrix-react-sdk/pull/3684#issuecomment-560514872
2019-12-02 17:21:53 -07:00
J. Ryan Stinnett
c6e56d98b3
Merge remote-tracking branch 'origin/develop' into jryans/4s-new-key-backup
2019-11-29 11:31:23 +00:00
J. Ryan Stinnett
c103fe4273
Add cross-signing diagnostic panel
...
This is not part of any designs, so it may be short-lived, but it's quite handy
for diagnosing issues with cross-signing at least while the feature is in
development.
2019-11-29 11:29:08 +00:00
Michael Telatynski
6d69ec17d9
Merge branches 'develop' and 't3chguy/context_menus' of github.com:matrix-org/matrix-react-sdk into t3chguy/context_menus
...
Conflicts:
src/components/views/context_menus/RoomTileContextMenu.js
2019-11-28 16:25:59 +00:00
Travis Ralston
f020929345
Add an option to invite users to upgraded private rooms
...
The option doesn't show up on public room upgrades.
2019-11-27 20:29:11 -07:00
David Baker
dd7b08ec25
Merge pull request #3674 from matrix-org/dbkr/read_marker_css_transition
...
Change read markers to use CSS transitions
2019-11-27 09:18:53 +00:00
Matthew Hodgson
bb7cc20b1a
fix font smoothing to match figma
...
as per https://github.com/vector-im/riot-web/issues/11425
with apologies to https://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/ :/
2019-11-27 00:45:49 +00:00
David Baker
a2e3f64963
Change read markers to use CSS transitions
...
Removes one of the two places we use Velocity, so we're one step
closer to getting rid of it for good.
Should therefore fix the fact that Velocity is leaking data entries
and therefore <hr> elements.
Hopefully also makes the logic in getEventTiles incrementally simpler,
if still somwewhat byzantine.
2019-11-26 19:06:02 +00:00
Bruno Windels
4a684d01a4
Merge pull request #3661 from matrix-org/bwindels/verif-toasts
...
Show incoming verification requests in in-app notifications
2019-11-22 16:39:18 +00:00
Bruno Windels
8ce1ed4726
moar lint
2019-11-22 16:36:22 +01:00
Bruno Windels
309633181d
use FormButton in verification request tile too and dedupe styles
2019-11-22 16:32:50 +01:00
Bruno Windels
f1c62e7dab
make colors slightly more opaque than in design
...
as it is very light otherwise
2019-11-22 16:04:51 +01:00
Bruno Windels
66cc68bae4
add new-styled button
...
might merge it later on with accessible button
2019-11-22 16:04:51 +01:00
Bruno Windels
e86d2b616e
add ToastContainer
2019-11-22 16:04:51 +01:00
Matthew Hodgson
e77cf2b87e
Merge pull request #3653 from matrix-org/bwindels/fixe2eicons
...
Fix e2e icons
2019-11-21 19:01:17 +00:00
Travis Ralston
72f0401589
Merge branch 'develop' into jryans/4s-new-key-backup
2019-11-21 10:22:13 -07:00
Bruno Windels
f75e45a715
reduce margin on e2e icon in room header
2019-11-21 18:17:55 +01:00
Bruno Windels
854f27df3f
remove obsolete style from message composer for e2e icon as it's now the default size for the e2e iconn
2019-11-21 18:16:10 +01:00
Bruno Windels
cb0e6ca5d2
dont make e2e icons themable, as they have multiple colors
2019-11-21 18:13:01 +01:00
Bruno Windels
3cddcad5de
use correct icons with borders
2019-11-21 18:12:32 +01:00
Travis Ralston
6597e0bd42
Merge pull request #3646 from matrix-org/travis/integration-manager-opt
...
Add an option to disable the use of integration managers for provisioning
2019-11-21 08:10:56 -07:00
Travis Ralston
81c9bdd9f3
It's called an "Integration Manager" (singular)
...
Fixes https://github.com/vector-im/riot-web/issues/11256
This was finally annoying me enough to fix it.
2019-11-20 20:14:25 -07:00
Travis Ralston
3391cc0d90
Add the toggle switch for provisioning
2019-11-20 20:05:32 -07:00
Travis Ralston
b0eb54541c
Rip out options to change your integration manager
...
We are not supporting this due to the complexity involved in switching integration managers. We still support custom ones under the hood, just not to the common user. A later sprint on integrations will consider re-adding the option alongside fixing the various bugs out there.
2019-11-20 19:50:13 -07:00
Travis Ralston
66c51704cc
Fix indentation
2019-11-20 19:21:10 -07:00
Travis Ralston
fd12eb28e7
Move many widget options to a context menu
...
Part of https://github.com/vector-im/riot-web/issues/11262
2019-11-20 19:17:42 -07:00
Travis Ralston
e33bfe93b4
Merge pull request #3641 from matrix-org/travis/e2e-icon
...
Fix positioning, size, and colour of the composer e2e icon
2019-11-20 11:16:54 -07:00
Travis Ralston
f6394b1251
Remove stray colour correction on composer e2e icon
...
We want it to match the room header
2019-11-20 11:03:53 -07:00
Travis Ralston
93e4de9861
Fix positioning and sizing of e2e icon in the composer
...
This also removes the special case class for the composer because the input is now aligned regardless of icon.
2019-11-20 11:00:39 -07:00
Matthew Hodgson
758dd4127f
upgrade nunito from 3.500 to 3.504
...
fixes https://github.com/vector-im/riot-web/issues/8092 by way of https://github.com/google/fonts/issues/632
2019-11-20 16:36:27 +00:00
J. Ryan Stinnett
9dea848927
Use div around buttons to fix React warning
2019-11-19 16:28:49 +00:00
Bruno Windels
f9b5678b06
Merge pull request #3631 from matrix-org/bwindels/userinfo-css-fixes
...
Fix some styling regressions in member panel
2019-11-19 13:24:06 +00:00
Bruno Windels
5f7b0fef33
scale (new) icons to fit available size
...
fixes https://github.com/vector-im/riot-web/issues/11399
2019-11-19 12:55:28 +01:00
Bruno Windels
39939de04f
remove white background on ! and ✅ so it looks better on dark theme
2019-11-19 12:51:46 +01:00
Bruno Windels
de15965c4a
improve device list layout
2019-11-19 12:51:37 +01:00
Bruno Windels
92292003c8
make shield on verification request scale correctly
...
by not overriding `mask-size` using `mask` for `mask-image`
2019-11-19 12:51:02 +01:00
Travis Ralston
6b726a8e13
Implement the bulk of the new widget permission prompt design
...
Part 1 of https://github.com/vector-im/riot-web/issues/11262
This is all the visual changes - the actual wiring of the UI to the right places is for another PR (though this PR still works independently).
The help icon is known to be weird here - it's a bug in the svg we have. The tooltip also goes right instead of up because making the tooltip go up is not easy work for this PR - maybe a future one if we *really* want it to go up.
2019-11-15 14:26:16 -07:00
Bruno Windels
0f39a9f72d
fix pr feedback
2019-11-15 17:29:38 +01:00
Bruno Windels
d416ba2c0c
add verify button while we don't have the verification in right panel
2019-11-15 16:14:18 +01:00
Bruno Windels
ecc842629a
fix css lint errors
2019-11-15 16:14:18 +01:00
Bruno Windels
edd5d3c915
make custom power level not grow too wide
2019-11-15 16:14:18 +01:00
Bruno Windels
1162d1ee43
Fix user info scroll container growing larger than available height
...
making whole room view grow taller than viewport
2019-11-15 16:14:18 +01:00
Bruno Windels
48b1207c6e
split up PowerLevelEditor into two components
...
one while editing (PowerLevelEditor) and one
while not editing (PowerLevelSection).
Also save when pressing the button, not when changing the
power dropdown.
Also show the spinner next to the dropdown when saving,
not at the bottom of the component.
2019-11-15 16:14:18 +01:00
Bruno Windels
6db162a3a7
add PL edit mode, don't show selector by default
...
still saves when changing the selector though
2019-11-15 16:14:18 +01:00
Bruno Windels
b278531f2f
add IconButton as in design
2019-11-15 16:14:18 +01:00
Bruno Windels
942a1c9a56
fix e2e icon in composer having wrong colors
2019-11-15 16:14:18 +01:00
Bruno Windels
e3f7fe51dc
use normal shield for verification requests
2019-11-15 16:14:18 +01:00
Bruno Windels
fe059e524f
don't need this, as it takes height from the constrained width
2019-11-15 16:14:18 +01:00
Bruno Windels
030827f77d
mark destructive actions in red
2019-11-15 16:14:18 +01:00
Bruno Windels
0bd1e7112d
style security section as per design
2019-11-15 16:14:18 +01:00
Bruno Windels
73b6575082
fixup: verified shield should be green
2019-11-15 16:14:18 +01:00
Bruno Windels
0a2255ce73
fixup: bring back margin above display name
2019-11-15 16:14:18 +01:00
Bruno Windels
3e356756aa
style profile info
2019-11-15 16:14:18 +01:00
Bruno Windels
f4988392f9
restyle e2e icons
2019-11-15 16:14:18 +01:00
Bruno Windels
af4ad488bd
Restyle Avatar
...
Make it a circle with the profile picture centered,
with a max height/width of 30vh
2019-11-15 16:14:18 +01:00
Travis Ralston
6d0b388fa2
Merge branch 'develop' into travis/mjolnir
2019-11-12 10:00:01 -07:00
Michael Telatynski
1c4d89f2d7
Migrate all standard Context Menus over to new custom framework
2019-11-11 17:53:17 +00:00
J. Ryan Stinnett
cc9ef57f0e
Merge pull request #3609 from matrix-org/jryans/rounded-style-bar
...
Fix draw order when hovering composer format buttons
2019-11-11 17:40:58 +02:00
J. Ryan Stinnett
ef05294133
Fix draw order when hovering composer format buttons
...
This ensures all 4 sides of a button show the hover border colour as intended.
Another part of https://github.com/vector-im/riot-web/issues/11203
2019-11-11 10:24:40 +00:00
J. Ryan Stinnett
719709250b
Merge pull request #3605 from matrix-org/jryans/rounded-style-bar
...
Fix rounded corners for the formatting toolbar
2019-11-08 20:01:31 +02:00
J. Ryan Stinnett
e161e99b63
Fix rounded corners for the formatting toolbar
...
The formatting toolbar is meant to have rounded corners like the message action
bar.
Fixes https://github.com/vector-im/riot-web/issues/11203
2019-11-08 17:46:08 +00:00
J. Ryan Stinnett
2a5dc9bfac
Remove lint comments about no-descending-specificity
...
We have disabled the `no-descending-specificity` stylelint rule, so we no longer
need these block comments.
2019-11-08 16:35:42 +00:00
David Baker
3070ee6d7b
Put back the grouped rule & disable the linting rule instead
2019-11-08 16:10:51 +00:00
David Baker
4283f9ec74
Split CSS rule to fix descending specificity lint error
2019-11-08 16:01:53 +00:00
Bruno Windels
2516d8ee61
fix repeated css class
2019-11-07 20:11:31 +01:00
Bruno Windels
0d2f9c4215
add verification request tile + styling
2019-11-07 19:54:56 +01:00
Michael Telatynski
c00974d22d
Now that part of spacing is padding, make it smaller when collapsed
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-11-07 10:16:57 +00:00
David Baker
d14c0c342d
Merge pull request #3594 from matrix-org/bwindels/fixfilenotifpanel
...
Fix: file and notifications panel back-paginating forever.
2019-11-06 10:52:15 +00:00
David Baker
328fc5a02d
fix style lint
2019-11-06 10:41:10 +00:00
Bruno Windels
eb4220a836
scroll panels should be in flex container so they don't grow w/ content
2019-11-06 10:34:22 +01:00
Michael Telatynski
888da3ad84
delint stylesheet
2019-11-05 12:01:30 +00:00
Michael Telatynski
99c8a909b3
Fix focus-within on EventTile and more showing onClick
2019-11-04 16:47:20 +00:00
Michael Telatynski
92ee50fb77
Merge pull request #3587 from matrix-org/t3chguy/a11y_message_actions_bar
...
Improve A11Y of timeline. Show timestamp & Actions on focus-within
2019-11-04 10:33:16 +00:00
Michael Telatynski
10a63ada48
Fix SVG mask-image usage in a bunch of places for correct outlining
2019-11-01 14:46:30 +00:00
Michael Telatynski
fd4cdd0dec
Improve A11Y of timeline. Show TS & Actions on focus-within
2019-11-01 10:50:58 +00:00
Travis Ralston
3c45a39caa
Appease the other linter
2019-10-31 16:30:51 -06:00
Travis Ralston
11068d189c
Hide messages blocked by ban lists
2019-10-31 16:19:42 -06:00
Travis Ralston
39b657ce7c
Add basic structure for (un)subscribing from lists
2019-10-31 15:54:22 -06:00
Travis Ralston
b93508728a
Add personal list management to Mjolnir section
2019-10-31 14:24:51 -06:00
Travis Ralston
23383419e8
Add settings base for Mjolnir rules
2019-10-31 13:20:18 -06:00
J. Ryan Stinnett
e661e3b115
Fix quick reactions to be aligned with other emoji
...
This uses center alignment for quick reactions as well, so that they line up
with the larger emoji categories above.
2019-10-28 13:17:59 +00:00
Michael Telatynski
2e6899be93
Improve Accessibility of the new Emoji picker
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-23 18:39:39 +01:00
Michael Telatynski
190fccea15
delint scss
2019-10-22 16:35:36 +01:00
Michael Telatynski
e7f292794c
Merge pull request #3556 from matrix-org/t3chguy/a11y4
...
Use Navigation Treeview pattern for RoomList Accessibility
2019-10-22 13:42:08 +01:00
Michael Telatynski
ebc5628782
fix typo
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-22 11:30:47 +01:00
Michael Telatynski
2a3655e9b8
Focus highlight room sublist label, catch right arrow and simplify code
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-22 11:10:25 +01:00
Michael Telatynski
c5d5cd72bc
Merge pull request #3465 from matrix-org/t3chguy/nvl/userinfo
...
UserInfo consolidation of GroupMemberInfo and MemberInfo panels
2019-10-21 15:50:08 +01:00
Tulir Asokan
438ad54701
Remove space between emojis in picker
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-20 12:31:28 +03:00
Tulir Asokan
be829980f6
Split inline SVGs to their own files
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-20 12:13:32 +03:00
Michael Telatynski
f09a3b4281
Fix outline on RoomSubList badges
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-17 16:21:33 +01:00
Michael Telatynski
3400808f6e
Use navigation treeview aria pattern for roomlist sublists and tiles
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-17 15:53:39 +01:00
Tulir Asokan
6ce2e3d796
Make selected emojis more transparent
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-15 19:10:10 +03:00
Tulir Asokan
318754d31c
Reorganize reaction sending and show if emoji is selected
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-15 19:07:04 +03:00
Tulir Asokan
a6e0986bf8
Improve style
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-14 20:38:09 +03:00
Tulir Asokan
e16d0bfa4d
Underline visible sections in header
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-14 20:14:44 +03:00
Tulir Asokan
088c9bff9e
Add recently used section and scroll to category
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-14 19:41:10 +03:00
Tulir Asokan
497b779334
Add full emoji picker for reactions
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-14 00:32:11 +03:00
Michael Telatynski
6e33cc0650
Merge pull request #3433 from matrix-org/t3chguy/nvl/react16/EventListSummary
...
Summarise state events after room creation
2019-10-11 09:53:26 +01:00
Michael Telatynski
5643743167
Don't intercept TAB on the app outside of the composer, fix tabIndex > 0
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-10 14:13:29 +01:00
Michael Telatynski
37b8b52d0d
regenerate components
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-09 12:50:19 +02:00
Michael Telatynski
34530843f4
Factor out generic EventListSummary from MELS
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-09 12:50:03 +02:00
Michael Telatynski
df02eb8e92
Add UserInfo panel (consolidation of MemberInfo & GroupMemberInfo) Labs
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-07 16:52:50 +01:00
Travis Ralston
c547367b62
Merge pull request #3513 from matrix-org/travis/mask-eye
...
Use a mask instead of an img for "Show image" eye
2019-10-07 12:45:22 +01:00
David Baker
ae7ecf7f8f
Merge pull request #3512 from matrix-org/jryans/error-boundary
...
Add error boundaries to catch rendering errors
2019-10-03 10:49:03 +01:00
Travis Ralston
0491b742c2
Use a mask instead of an img for "Show image" eye
...
See https://github.com/matrix-org/matrix-react-sdk/pull/3492#pullrequestreview-296223646
2019-10-02 12:52:07 -06:00
Travis Ralston
b94c94db04
Merge pull request #3492 from matrix-org/travis/hide-images
...
Add an option to hide image previews
2019-10-02 12:46:45 -06:00
J. Ryan Stinnett
0e8dc24c3f
Add a basic error boundary for the entire app
...
This adds a basic error boundary around the entire app to catch errors during
rendering and present the user with the options on how to proceed. This is not
implemented as a modal so that it could be used selectively in portions of the
app as well, such as just the `RoomView`.
Fixes https://github.com/vector-im/riot-web/issues/11009
2019-10-02 17:31:22 +01:00
Bruno Windels
4bd72b1494
dont let placeholder show scrollbar when composer is narrow
2019-10-02 11:36:56 +02:00
Bruno Windels
c8c4dc29d1
Merge pull request #3503 from matrix-org/bwindels/custom-themes-mvp
...
Custom theming MVP
2019-10-02 09:14:07 +00:00
Bruno Windels
27ca73bf63
add copyright headers
2019-10-02 11:06:31 +02:00
Bruno Windels
fbc3f68fd2
remove old style
2019-10-02 11:06:31 +02:00
Travis Ralston
4b0596b6b7
Apply lipstick to hidden image design
2019-10-01 17:00:01 -06:00
Travis Ralston
3c589cffec
Merge branch 'develop' into travis/hide-images
2019-10-01 09:31:54 -06:00
Bruno Windels
fc6a68cd1d
add support for dark theme
2019-10-01 17:00:29 +02:00
Bruno Windels
15b7a5af31
fix contrast issue
...
when badges with and without highlighted state have a very
different brightness (as they might do in dark mode), hardcoding
the fg color of a badge independent of it's highlighted state
to $accent-fg-color doesn't work well, so add an extra SASS
variable we can reassign to something more specific in the custom theme
2019-10-01 16:58:14 +02:00
Bruno Windels
c1edd6d0b5
apply new pallete with 13 colors
2019-10-01 15:31:43 +02:00
Travis Ralston
59b29e4a7f
Add an option to hide image previews
...
Applies to images, stickers, and URL previews.
Fixes https://github.com/vector-im/riot-web/issues/10735
2019-09-27 21:08:31 -06:00
J. Ryan Stinnett
d80a2df979
Move document name to new column
2019-09-27 17:57:10 +01:00
Michael Telatynski
192dcbb31f
delint
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-09-27 09:14:29 +01:00
Michael Telatynski
8d1d3090f3
Improve keyboard accessibility using :focus-visible CSS polyfill
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-09-27 09:00:54 +01:00
Bruno Windels
cca41c184c
very basic color pickers for custom theme
2019-09-26 17:35:06 +02:00
Bruno Windels
01909f81c4
also theme values close to custom palette variables
...
these values are not exactly the same as the palette values,
so we're essentially flattening the color palette used in the
theme, but this is needed when assigning custom colors for it
to look good.
2019-09-26 16:16:05 +02:00
Bruno Windels
64b44acf2b
better comment headers
2019-09-26 16:15:45 +02:00
Bruno Windels
b9d0de1b7d
create 0% and 50% opaque vars as #rgba trick doesn't work
2019-09-26 16:14:39 +02:00
Bruno Windels
f9d5d807e3
make active tab icon color always same as text
2019-09-26 16:13:32 +02:00
Bruno Windels
cad3858a3f
initial custom theme
...
using a reduced set of CSS variables to change the colors at runtime
2019-09-26 12:07:45 +02:00
Bruno Windels
151af65e4f
hide details summary arrow in create room dialog on webkit too
2019-09-23 18:05:44 +02:00
Bruno Windels
0ab7962ebd
add z-index to format bar so it appears above status area and reply wrapper
2019-09-23 14:06:59 +02:00
Bruno Windels
3c7a0f4c49
remove invalid css
2019-09-23 11:22:30 +02:00
Bruno Windels
6a3723c69e
dialog styling
2019-09-23 11:22:30 +02:00
Bruno Windels
8a1c1bbec4
implement RoomAliasField component
...
adding a postfix to Field to show the domain name
2019-09-23 11:22:30 +02:00
David Baker
6f3f0f0a3c
Merge pull request #3430 from matrix-org/bwindels/roomdirectorybuttonwrap
...
Dont wrap text in room directory buttons
2019-09-12 16:56:45 +01:00
Bruno Windels
2bed264b0d
dont wrap text in room directory buttons
2019-09-12 15:59:15 +02:00
Bruno Windels
e6554bdaad
Merge pull request #3429 from matrix-org/bwindels/breadcrumbs-empty
...
Breadcrumbs: show placeholder for empty slot
2019-09-12 12:56:58 +00:00
Bruno Windels
df8ce7fb33
Show placeholder for empty slot in breadcrumbs
2019-09-12 14:46:54 +02:00
Bruno Windels
a4f8f34368
Merge pull request #3423 from matrix-org/bwindels/register-selector-wrap
...
Fix register page selector buttons growing too wide
2019-09-12 10:28:50 +00:00
Bruno Windels
cc67742fa9
undo whitespace setting, accessible button is used in too many places to make this a safe assumption
2019-09-12 12:24:05 +02:00
Bruno Windels
95060d4e95
reduce vertical padding around explore/filter
2019-09-12 11:27:20 +02:00
Bruno Windels
4ae4e68967
make explore button and filter field equal width
2019-09-12 11:11:32 +02:00
Bruno Windels
886402fe31
reduce padding on dialogs, as in design
2019-09-11 16:23:59 +02:00
Bruno Windels
24c4a16da1
adapt design of room list in directory
2019-09-11 16:23:59 +02:00
Bruno Windels
6f62cdb22c
basic styling to make it look ok before applying new design
2019-09-11 15:45:51 +02:00
Bruno Windels
4148f1697c
make input fields on a dark panel have a white background (filter field)
2019-09-10 11:11:08 +02:00
Bruno Windels
fdadc615f7
make explore button white on hover
2019-09-10 11:11:08 +02:00
Bruno Windels
1c4093eb0f
make filter feed transparent when not focussed
2019-09-10 11:11:08 +02:00
Bruno Windels
da98080859
hide explore button when focusing filter field
2019-09-10 10:57:25 +02:00
Bruno Windels
80dd5a1b0a
add explore button next to filter field
2019-09-10 10:55:55 +02:00
Bruno Windels
8820546f49
Merge pull request #3390 from matrix-org/bwindels/selection-color
...
Remove accent color as selection color
2019-09-06 09:12:42 +00:00
Bruno Windels
06143ba7a1
show keyboard shortcuts in format button tooltip
2019-09-06 10:59:41 +02:00
Bruno Windels
042822c90a
copyright is solely assigned to matrix foundation now, copy paste error
2019-09-06 10:39:19 +02:00
Bruno Windels
b4b9c7d072
Add tooltip for format buttons
2019-09-06 10:39:19 +02:00
Bruno Windels
da29057fd8
move format bar to own component
2019-09-06 10:39:19 +02:00
Bruno Windels
39bbf9af24
remove accent color as selection color
2019-09-05 15:40:33 +02:00
Bruno Windels
e3d70f3999
ensure selection is not lost upon clicking format bar in chrome
2019-09-05 11:01:44 +02:00
Bruno Windels
af535986d2
fix css lint
2019-09-04 16:40:34 +02:00
Bruno Windels
e7db660820
fixup: css, we have 5 buttons
2019-09-04 16:39:07 +02:00
Bruno Windels
65ddfc0a50
show format bar when text is selected
2019-09-04 16:35:03 +02:00
Bruno Windels
1063da0ed1
Revert "New composer: show markdown legend on focus"
2019-09-03 08:27:45 +00:00
Bruno Windels
422f482a6d
Merge pull request #3378 from matrix-org/bwindels/cider-md-legend
...
New composer: show markdown legend on focus
2019-09-02 14:59:44 +00:00
Bruno Windels
b7768f34f2
Add legend and style it
2019-09-02 16:15:18 +02:00
J. Ryan Stinnett
3feeaceb68
Restrict green link colours to address picker dialog
...
This changes to a more targeted selection of what becomes green (just the
actionable links in address picker).
Fixes https://github.com/vector-im/riot-web/issues/10703
2019-09-02 10:33:19 +01:00
J. Ryan Stinnett
27fdef557d
Merge pull request #3359 from matrix-org/jryans/features-without-is
...
Allow connecting to an IS from address picker
2019-08-30 10:19:28 +01:00
J. Ryan Stinnett
166fb696c2
Allow connecting to an IS from address picker
...
This allows those who previously disconnected from an IS to either choose the
default IS or a custom one from Settings via the address picker dialog.
Part of https://github.com/vector-im/riot-web/issues/10619
2019-08-29 15:28:34 +01:00
Sorunome
fe9ae46ffb
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into soru/spoilers
2019-08-28 20:23:24 +02:00
J. Ryan Stinnett
599fccd9ce
Merge pull request #3343 from matrix-org/jryans/hide-is-field-during-auth
...
Reveal custom IS field only when required
2019-08-28 18:36:02 +01:00
Michael Telatynski
7ef087db86
Merge pull request #3354 from matrix-org/t3chguy/avatar_change_cursor_perms
...
Don't use cursor: pointer on roomsettings avatar if you can't change it
2019-08-28 17:44:31 +01:00
Bruno Windels
f119ac4b22
Merge pull request #3349 from matrix-org/bwindels/tab-complete-name
...
New composer: support forcing auto complete on name by hitting tab
2019-08-28 16:17:16 +00:00
Bruno Windels
eddaece43e
add visual bell color to theme + choose better value for dark mode
2019-08-28 18:00:57 +02:00
Bruno Windels
85efb71a23
add visual bell when no replacements are available
...
also add try/catch in _tabCompleteName so errors don't get swallowed
2019-08-28 15:53:16 +02:00
Michael Telatynski
591fa3d8c5
Don't use cursor: pointer on roomsettings avatar if you can't change it
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-08-28 14:46:47 +01:00
J. Ryan Stinnett
72ec6c7062
Reveal custom IS field only when required
...
This hides the identity server at first from the custom server auth flows. For
the flows that may need an IS if the HS requires it (registration, password
reset), we then check with the HS before proceeding further and reveal the IS
field if it is in fact needed.
Fixes https://github.com/vector-im/riot-web/issues/10553
2019-08-23 18:43:55 +01:00
Travis Ralston
266e3af475
Appease the scss linter
2019-08-23 09:20:28 -06:00
Travis Ralston
b3cda4b19a
Support multiple integration managers behind a labs flag
...
Fixes https://github.com/vector-im/riot-web/issues/10622
Implements [MSC1957](https://github.com/matrix-org/matrix-doc/pull/1957 )
Design is not final.
2019-08-23 09:12:40 -06:00
Bruno Windels
f39dc6feab
Merge pull request #3287 from matrix-org/bwindels/new-main-composer
...
Support editing composer to be used as main composer (feature flagged)
2019-08-23 10:06:19 +00:00
Bruno Windels
4a27abb131
fix css lint
2019-08-22 15:11:31 +01:00
Bruno Windels
71286b5610
restore reply_to_event action
2019-08-22 13:33:20 +01:00
Bruno Windels
d4ca087abe
fix styling issues
...
- grow/shrink between min and max height correctly
- don't grow wider than available space
- some space between editor and buttons
2019-08-22 13:33:20 +01:00
Bruno Windels
33c6945fc4
align autocomplete at top of composer
2019-08-22 13:33:20 +01:00
Bruno Windels
64e83a8111
font-size
2019-08-22 13:33:20 +01:00
Bruno Windels
f9992a1fc6
implement editor placeholder
2019-08-22 13:33:20 +01:00
Bruno Windels
cfbd2e9cc8
support basic sending with new main composer
...
this removes all formatting options, as the new editor doesn't
have any.
2019-08-22 13:33:20 +01:00
Bruno Windels
92d7263046
move editor padding to edit specific style file
...
as it will be different for the main composer
2019-08-22 13:33:20 +01:00
Bruno Windels
505846ce53
split up css, update class names
2019-08-22 13:33:20 +01:00
Travis Ralston
6449016d4b
Fix alignment of discovery section addresses
...
We target the addresses specifically to avoid crushing the subsection text.
2019-08-21 14:41:25 -06:00
Travis Ralston
04bb2ed322
Merge pull request #3327 from matrix-org/travis/discover-terms
...
Handle terms agreement in Discovery section of user settings
2019-08-21 10:14:45 -06:00
Travis Ralston
0b2331440b
Newlines mean everything
2019-08-20 13:24:51 -06:00
Travis Ralston
f55a40001c
Touch up settings: alignment, spacing, error states
...
Fixes https://github.com/vector-im/riot-web/issues/10554
Issues fixed:
* Fields were not ~30px from the avatar (too much right margin)
* Tooltips overflowed the dialog on some resolutions
* SetIdServer didn't have an error state for making the field red
* Spacing between sections in Discovery was wrong (fixed by just removing the problematic n+2 selector - it didn't help anything)
2019-08-20 13:20:07 -06:00
David Baker
f5da870040
Merge pull request #3326 from matrix-org/dbkr/device_name_public
...
Clarify that device names are publicly visible
2019-08-20 09:29:45 +01:00
Travis Ralston
3181829532
Use new InlineTermsAgreement component on IS Discovery section
...
Fixes https://github.com/vector-im/riot-web/issues/10522
2019-08-19 23:00:05 -06:00
Travis Ralston
417de0cac7
Add an inline terms agreement component
...
Handles agreement of terms in an inline way.
2019-08-19 22:59:33 -06:00
David Baker
f7083ac332
Clarify that device names are publicly visible
...
And also a bunch of other UI fixes in the devices table:
* It's the devices table, don't need 'device' in all the headers
* Not really necessary to label checkboxes with 'select'
* Stop table from moving down when the delete button appears
Fixes https://github.com/vector-im/riot-web/issues/10216
2019-08-19 18:09:37 +01:00
J. Ryan Stinnett
8a7b43fd1a
Tweak Settings padding / margin slightly
...
This makes a few small tweaks to Settings padding and margin, but more is still
needed. I am told that https://github.com/vector-im/riot-web/issues/10554 will
soon take a holistic view on the problem, so this is a more conservation
temporary change.
2019-08-19 15:45:04 +01:00
J. Ryan Stinnett
7cc27beb44
Remove custom font size for IM URL
...
As best as I can tell, the designs call for the IM URL to be the same size as
other subheadings. The font size in Zeplin doesn't match what is currently used
in Settings, so this likely caused confusion.
2019-08-19 14:34:22 +01:00
Travis Ralston
02a4121401
Mixin for field width
2019-08-14 08:55:49 -06:00
Travis Ralston
beb6ec4327
Merge branch 'develop' into travis/integs/account_set
2019-08-14 08:45:01 -06:00
Travis Ralston
d4bbed31d5
Merge branch 'develop' into travis/integs/account_set
2019-08-13 09:03:50 -06:00
David Baker
050766e7bb
selector ordering
2019-08-13 15:19:39 +01:00
David Baker
e07c22a78d
Make mixin for fields in settings that need to be the same width
...
and make that width narrower so we can fit a tooltip in the left
hand side (they were a little too wide anyway for the kind of data
being entered, even on a narrow window).
2019-08-13 12:53:14 +01:00
David Baker
c732ae3aa9
Correct license header
...
Co-Authored-By: J. Ryan Stinnett <jryans@gmail.com>
2019-08-13 10:46:42 +01:00
Travis Ralston
03d735f4ed
Support changing your integration manager in the UI
...
Part of https://github.com/vector-im/riot-web/issues/10161
2019-08-12 15:40:50 -06:00
Travis Ralston
438eba1c46
Fix alignment of add email/phone number inputs in settings
2019-08-12 14:14:17 -06:00
David Baker
bf9caa7fd8
add the rest of the files
2019-08-12 11:51:44 +01:00
David Baker
c76514fceb
Add UI in settings to change ID Server
...
Just changes the current ID server being used
To come in subsequent PRs:
* Store this in account data
* Check for terms or support the proper UI for accepting terms when setting
* Support disconnecting
Part 1 of https://github.com/vector-im/riot-web/issues/10094
Requires https://github.com/matrix-org/matrix-js-sdk/pull/1013
2019-08-09 18:07:58 +01:00
J. Ryan Stinnett
c2f81a00c4
Merge pull request #3288 from matrix-org/jryans/user-settings-toggle-3pid
...
Add controls for toggling discovery in user settings
2019-08-08 17:48:17 +01:00
J. Ryan Stinnett
178d6605c4
Add controls for toggling discovery in user settings
...
This adds controls for each 3PID to allow the user to choose whether it's bound
on the IS.
Fixes https://github.com/vector-im/riot-web/issues/10159
2019-08-08 11:35:35 +01:00
Travis Ralston
610baff09a
Merge pull request #2668 from azuenko/develop
...
Fix waste of space of collapsed left panel
2019-08-06 13:54:04 -06:00
Michael Telatynski
f6dbeef204
Merge pull request #3257 from matrix-org/t3chguy/slashcommands_help
...
Add help slash command
2019-08-06 18:50:49 +01:00
Michael Telatynski
1e8b304b3c
Remove /tint completely and dedup copyright
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-08-06 18:08:17 +01:00
Michael Telatynski
ae834f8d05
Split out SlashCommandHelpDialog, group by category and style it
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-08-06 18:03:38 +01:00
J. Ryan Stinnett
aa0a2a579e
Add copyright headers
2019-08-06 12:43:30 +01:00
Anton Zuenko
a3eb45e0b9
Fix waste of space of collapsed left panel
...
Signed-off-by: Anton Zuenko <anton@zuenko.ru>
2019-08-05 18:03:20 +02:00
J. Ryan Stinnett
11f2b4320d
Update existing 3PID management UX
...
This tweaks the appearance of the existing 3PID management UX to use a different
style for the remove button. This styling will more closely match the soon to be
added 3PID discovery settings.
Part of https://github.com/vector-im/riot-web/issues/10159
2019-08-05 16:34:04 +01:00
J. Ryan Stinnett
701103aad7
Fix dialog button border colours
...
This corrects dialog button borders to match other buttons by removing the green
border from disabled and danger states.
Fixes https://github.com/vector-im/riot-web/issues/10310
2019-08-01 12:47:23 +01:00
Bruno Windels
c093b6ed9c
strikethrough & underline deletions & insertions
2019-07-31 14:44:48 +02:00
J. Ryan Stinnett
7296fb8fd3
Merge pull request #3243 from matrix-org/jryans/app-perm-url
...
Keep widget URL in permission screen to one line
2019-07-25 11:38:24 +01:00
J. Ryan Stinnett
a5ac50f90f
Merge pull request #3242 from matrix-org/jryans/terms-modal
...
Avoid visual glitch when terms appear for Integration Manager
2019-07-24 14:27:43 +01:00
Bruno Windels
ac31b4b8f4
Merge pull request #3244 from matrix-org/bwindels/diffhtmledits
...
Show diff for formatted messages in the edit history
2019-07-24 09:59:23 +00:00
Bruno Windels
3753e5261d
Implement diffing html messages in the edit history
2019-07-24 11:28:56 +02:00
J. Ryan Stinnett
2d4264c39d
Keep widget URL in permission screen to one line
...
This keeps the widget URL to one line max, so that the allow button will always
be visible. The full URL can be viewed by hovering.
Fixes https://github.com/vector-im/riot-web/issues/10402
2019-07-23 18:06:37 +01:00
J. Ryan Stinnett
39d5aa7cf4
Avoid visual glitch when terms appear for IM
...
This avoids a visual glitch where the Integration Manager portal would briefly
appear, but then be replaced by a smaller Terms dialog when there's something to
agree to.
To resolve this minimal code churn, this cheats a bit and customises the size of
the terms dialog to match the IM portal modal when terms are shown for IM
purposes.
Fixes https://github.com/vector-im/riot-web/issues/10386
2019-07-23 15:11:38 +01:00
David Baker
2eb8a8879b
Merge pull request #3199 from matrix-org/dbkr/terms
...
ToS for ISes/IMs: prompt on use screen
2019-07-23 10:32:11 +01:00
Bruno Windels
f305d8ac08
Basic diff visualisation for plain text edits
2019-07-19 16:09:23 +02:00
J. Ryan Stinnett
fc8cdc5661
Improve interactive tooltip safe mousing area
...
This adds a more complex trapezoidal safe area between the button that triggers
the tooltip and the tooltip itself. It should be easier to move from the button
into the tooltip without accidentally closing it.
Fixes https://github.com/vector-im/riot-web/issues/10185
2019-07-17 14:11:27 +01:00
J. Ryan Stinnett
58a75949c3
Add a previous event safe area around action bar
...
This adds a previous event safe area so that you can't accidentally hover the
previous event while trying to mouse into the action bar or from the react
button to its tooltip.
Part of https://github.com/vector-im/riot-web/issues/10185
Fixes https://github.com/vector-im/riot-web/issues/9650
2019-07-17 10:10:08 +01:00
J. Ryan Stinnett
5ab958cc9f
Fix field styling regression
...
The extra comma in the selectors caused this rule set to be ignored.
Regressed by https://github.com/matrix-org/matrix-react-sdk/pull/3200
Fixes https://github.com/vector-im/riot-web/issues/10311
2019-07-11 13:14:20 +01:00
J. Ryan Stinnett
9b3848d083
Merge pull request #3200 from matrix-org/jryans/stylelint-all-files
...
Run stylelint on all SCSS files
2019-07-11 09:38:18 +01:00
J. Ryan Stinnett
ca1e5bb3ae
Comment disabled rules
2019-07-11 09:30:01 +01:00
J. Ryan Stinnett
38d6953bf6
Manually fix remaining stylelint issues
2019-07-10 16:56:40 +01:00
J. Ryan Stinnett
dd2079bffc
Auto-fix stylelint issues
...
These `stylelint` issues were autofixed by the tool itself and look sane to me.
2019-07-10 16:56:40 +01:00
Travis Ralston
528b927638
Merge pull request #3196 from matrix-org/travis/fix-hover
...
Change highlight colour on dark theme
2019-07-10 07:52:14 -06:00
David Baker
54aaabac74
Initial support for ToS dialogs for IS/IM
...
as per MSC2140
2019-07-09 18:51:56 +01:00
Travis Ralston
7b869f2824
Merge pull request #3182 from matrix-org/travis/soft-logout-rehydrate
...
Ask for the user's password to rehydrate their soft logged out session
2019-07-09 11:31:51 -06:00
Travis Ralston
2142826ffd
Change highlight colour on dark theme
...
Fixes https://github.com/vector-im/riot-web/issues/10248
2019-07-09 11:29:13 -06:00
Bruno Windels
7a482461dd
Merge pull request #3180 from matrix-org/bwindels/history-actions
...
Edit history actions
2019-07-08 08:19:27 +00:00
J. Ryan Stinnett
eb0e1eade4
Clamp reaction content width to at most 100px
...
Part of https://github.com/vector-im/riot-web/issues/10256
2019-07-05 16:18:16 +01:00
Travis Ralston
93872e6fa5
Ask for the user's password to rehydrate their soft logged out session
...
Fixes https://github.com/vector-im/riot-web/issues/10236
The changes to the MatrixClientPeg (assign/start) are to permit the SoftLogout page to access the MatrixClientPeg reliably. This is why assign() is called by Lifecycle as an alternative to start().
Minimal design work has been done here. The majority is deferred to https://github.com/vector-im/riot-web/issues/10262
2019-07-04 16:51:16 -06:00
Bruno Windels
375976575b
add redact button
2019-07-04 11:07:22 +02:00
Bruno Windels
344cc079c5
show /relations error in edit history dialog
2019-07-03 12:16:58 +02:00
Bruno Windels
353f5a205c
Merge pull request #3170 from matrix-org/bwindels/handle-associated-failures
...
Handle associated event send failures
2019-07-03 09:02:58 +00:00
Bruno Windels
cca82635f3
whitespace
2019-07-03 10:32:37 +02:00
J. Ryan Stinnett
cf8eeedcc7
Merge pull request #3169 from matrix-org/jryans/reactions-tooltip-tweaks
...
Improve interactive tooltip hover behaviour
2019-07-02 18:28:09 +01:00
Bruno Windels
fc3c4fccc2
set background on highlighted messages
2019-07-02 18:31:11 +02:00
J. Ryan Stinnett
7fc1288614
Fix login type selector border
...
This fixes a regression in the login type selector's border and placement.
Fixes https://github.com/vector-im/riot-web/issues/10223
2019-07-02 15:09:51 +01:00
J. Ryan Stinnett
dd94bf799d
Improve interactive tooltip hover behaviour
...
This gives the interactive tooltip a more natural hover behaviour by removing
the full screen div behind it. This allows the target button to keep its hover
state, for example.
This also removes the click to close behaviour, which was too easy to trigger
accidentally.
Fixes https://github.com/vector-im/riot-web/issues/10179
Fixes https://github.com/vector-im/riot-web/issues/10222
Fixes https://github.com/vector-im/riot-web/issues/10225
2019-07-01 18:00:59 +01:00
Bruno Windels
1af8da4a4a
change lozenge color of unsent redacted events to red
...
use css vars so we don't have to repeat the whole lozenge style
2019-07-01 11:06:55 +02:00
Michael Telatynski
49b89217a3
MemberInfo wrap Device Name/ID
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-06-30 19:21:19 +01:00
J. Ryan Stinnett
33425240f6
Merge pull request #3152 from matrix-org/jryans/reactions-show-all
...
Limit reactions row on initial display
2019-06-28 15:12:48 +01:00
Travis Ralston
9be40a27fc
Merge pull request #3154 from matrix-org/travis/syntax-error
...
Flexboxify generic error page
2019-06-27 14:09:57 -06:00
Travis Ralston
7e8eda33fc
Flexboxify generic error page
2019-06-27 12:10:58 -06:00
Michael Telatynski
804a0c8507
Fix weird scrollbar when devtools is in a narrow browser
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-06-27 18:56:22 +01:00
Travis Ralston
7f2ab39609
Merge pull request #3142 from matrix-org/travis/preview-loading
...
Show a loading state for slow peeks
2019-06-27 09:24:25 -06:00
J. Ryan Stinnett
59b4a3398d
Limit reactions row on initial display
...
This limits the reactions row below messages to initially show at most 8 keys.
For those messages with more than that, a "Show all" option appears to reveal
all the keys.
Fixes https://github.com/vector-im/riot-web/issues/9570
2019-06-27 13:17:23 +01:00
J. Ryan Stinnett
e287362a8b
Reaction buttons should use pointer cursor
2019-06-27 11:19:36 +01:00
Bruno Windels
15d286ed93
Merge pull request #3144 from matrix-org/bwindels/edit-history
...
Edit history dialog
2019-06-26 14:38:53 +00:00
J. Ryan Stinnett
31b2592995
Merge pull request #3143 from MazeChaZer/fix-community-scrollbar
...
Fix the scrollbar in the community bar
2019-06-26 14:34:15 +01:00
Jonas Schürmann
92c2a119c9
Remove top margin of community panel container
...
This is a simpler fix for the scrollbar problem than changing the definition
for height, which was my previous attempt at solving this problem.
Additionally, the top and bottom margins are now consistent.
Signed-off-by: Jonas Schürmann <jonasschuermann@aol.de>
2019-06-26 15:27:52 +02:00
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
Matthew Hodgson
f9d40940e8
upgrade to twemoji 12.0.4
2019-06-02 06:09:03 +01:00
Matthew Hodgson
e8d8eee67b
fix ligatures fully
2019-06-02 05:36:59 +01:00
Matthew Hodgson
1abd3db40c
add extra ligatures
2019-06-02 04:46:00 +01:00
Matthew Hodgson
caa950f625
add SBIX fallback twemoji font
2019-06-02 04:24:36 +01: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
J. Ryan Stinnett
e01a6ce24c
Add Segoe UI Emoji as native fallback for Windows
2019-05-22 16:27:03 +01:00
Bruno Windels
ee86471691
remove SBIX font and fallback to native emoji
2019-05-22 13:06:04 +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
Bruno Windels
1bdcb0c35a
remove obsolete comments
2019-05-22 11:19:35 +02:00
Bruno Windels
1345db5f98
remove fira font
2019-05-22 11:16:29 +02:00
Matthew Hodgson
0024a88daf
Inconsolata
2019-05-22 03:05:57 +01: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
dbc6815abf
make EmojiProvider and stripped-emoji.json work
2019-05-19 20:48:18 +01: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
Matthew Hodgson
dc72641264
replace emojione with twemoji. completely untested & debugged & unoptimised
2019-05-19 15:23:43 +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
Bruno Windels
52c4d7b6b0
fixup edit icon
2019-05-15 15:53:02 +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
6b932d58e6
remove cruft from edit icon
2019-05-15 10:10:29 +01:00
Bruno Windels
d83e278f6b
PR feedback, cleanup
2019-05-15 09:46:08 +01:00
J. Ryan Stinnett
1421e8e06b
Tweak reply arrow and hover color
2019-05-15 09:12:53 +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
J. Ryan Stinnett
12f7d1715b
Remove BottomLeftMenu and supporting bits
...
The `BottomLeftMenu` component is not used in the new design. This removes the
component and also any images and sub-components that were only used by it.
2019-04-09 17:38:32 +01: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
J. Ryan Stinnett
590535c569
Use value from unified palette
...
Co-Authored-By: dbkr <dbkr@users.noreply.github.com>
2019-04-05 10:06:35 +01: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
c0867e8e48
Fix dialog title colour on dark theme
2019-04-03 16:48:11 +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