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
0f39a9f72d
fix pr feedback
2019-11-15 17:29:38 +01:00
d416ba2c0c
add verify button while we don't have the verification in right panel
2019-11-15 16:14:18 +01:00
ecc842629a
fix css lint errors
2019-11-15 16:14:18 +01:00
edd5d3c915
make custom power level not grow too wide
2019-11-15 16:14:18 +01:00
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
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
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
b278531f2f
add IconButton as in design
2019-11-15 16:14:18 +01:00
942a1c9a56
fix e2e icon in composer having wrong colors
2019-11-15 16:14:18 +01:00
e3f7fe51dc
use normal shield for verification requests
2019-11-15 16:14:18 +01:00
fe059e524f
don't need this, as it takes height from the constrained width
2019-11-15 16:14:18 +01:00
030827f77d
mark destructive actions in red
2019-11-15 16:14:18 +01:00
0bd1e7112d
style security section as per design
2019-11-15 16:14:18 +01:00
73b6575082
fixup: verified shield should be green
2019-11-15 16:14:18 +01:00
0a2255ce73
fixup: bring back margin above display name
2019-11-15 16:14:18 +01:00
3e356756aa
style profile info
2019-11-15 16:14:18 +01:00
f4988392f9
restyle e2e icons
2019-11-15 16:14:18 +01:00
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
6d0b388fa2
Merge branch 'develop' into travis/mjolnir
2019-11-12 10:00:01 -07:00
1c4d89f2d7
Migrate all standard Context Menus over to new custom framework
2019-11-11 17:53:17 +00:00
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
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
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
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
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
3070ee6d7b
Put back the grouped rule & disable the linting rule instead
2019-11-08 16:10:51 +00:00
4283f9ec74
Split CSS rule to fix descending specificity lint error
2019-11-08 16:01:53 +00:00
2516d8ee61
fix repeated css class
2019-11-07 20:11:31 +01:00
0d2f9c4215
add verification request tile + styling
2019-11-07 19:54:56 +01:00
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
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
328fc5a02d
fix style lint
2019-11-06 10:41:10 +00:00
eb4220a836
scroll panels should be in flex container so they don't grow w/ content
2019-11-06 10:34:22 +01:00
888da3ad84
delint stylesheet
2019-11-05 12:01:30 +00:00
99c8a909b3
Fix focus-within on EventTile and more showing onClick
2019-11-04 16:47:20 +00:00
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
10a63ada48
Fix SVG mask-image usage in a bunch of places for correct outlining
2019-11-01 14:46:30 +00:00
fd4cdd0dec
Improve A11Y of timeline. Show TS & Actions on focus-within
2019-11-01 10:50:58 +00:00
3c45a39caa
Appease the other linter
2019-10-31 16:30:51 -06:00
11068d189c
Hide messages blocked by ban lists
2019-10-31 16:19:42 -06:00
39b657ce7c
Add basic structure for (un)subscribing from lists
2019-10-31 15:54:22 -06:00
b93508728a
Add personal list management to Mjolnir section
2019-10-31 14:24:51 -06:00
23383419e8
Add settings base for Mjolnir rules
2019-10-31 13:20:18 -06:00
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
2e6899be93
Improve Accessibility of the new Emoji picker
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-23 18:39:39 +01:00
190fccea15
delint scss
2019-10-22 16:35:36 +01:00
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
ebc5628782
fix typo
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-22 11:30:47 +01:00
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
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
438ad54701
Remove space between emojis in picker
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-20 12:31:28 +03:00
be829980f6
Split inline SVGs to their own files
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-20 12:13:32 +03:00
f09a3b4281
Fix outline on RoomSubList badges
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-17 16:21:33 +01:00
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
6ce2e3d796
Make selected emojis more transparent
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-15 19:10:10 +03:00
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
a6e0986bf8
Improve style
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-14 20:38:09 +03:00
e16d0bfa4d
Underline visible sections in header
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-14 20:14:44 +03:00
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
497b779334
Add full emoji picker for reactions
...
Signed-off-by: Tulir Asokan <tulir@maunium.net>
2019-10-14 00:32:11 +03:00
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
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
37b8b52d0d
regenerate components
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-09 12:50:19 +02:00
34530843f4
Factor out generic EventListSummary from MELS
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-10-09 12:50:03 +02:00
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
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
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
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
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
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
4bd72b1494
dont let placeholder show scrollbar when composer is narrow
2019-10-02 11:36:56 +02:00
c8c4dc29d1
Merge pull request #3503 from matrix-org/bwindels/custom-themes-mvp
...
Custom theming MVP
2019-10-02 09:14:07 +00:00
fbc3f68fd2
remove old style
2019-10-02 11:06:31 +02:00
4b0596b6b7
Apply lipstick to hidden image design
2019-10-01 17:00:01 -06:00
3c589cffec
Merge branch 'develop' into travis/hide-images
2019-10-01 09:31:54 -06:00
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
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
d80a2df979
Move document name to new column
2019-09-27 17:57:10 +01:00
192dcbb31f
delint
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2019-09-27 09:14:29 +01:00
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
cca41c184c
very basic color pickers for custom theme
2019-09-26 17:35:06 +02:00
151af65e4f
hide details summary arrow in create room dialog on webkit too
2019-09-23 18:05:44 +02:00
0ab7962ebd
add z-index to format bar so it appears above status area and reply wrapper
2019-09-23 14:06:59 +02:00
3c7a0f4c49
remove invalid css
2019-09-23 11:22:30 +02:00
6a3723c69e
dialog styling
2019-09-23 11:22:30 +02:00
8a1c1bbec4
implement RoomAliasField component
...
adding a postfix to Field to show the domain name
2019-09-23 11:22:30 +02:00
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
2bed264b0d
dont wrap text in room directory buttons
2019-09-12 15:59:15 +02:00
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
df8ce7fb33
Show placeholder for empty slot in breadcrumbs
2019-09-12 14:46:54 +02:00
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
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
95060d4e95
reduce vertical padding around explore/filter
2019-09-12 11:27:20 +02:00
4ae4e68967
make explore button and filter field equal width
2019-09-12 11:11:32 +02:00
886402fe31
reduce padding on dialogs, as in design
2019-09-11 16:23:59 +02:00
24c4a16da1
adapt design of room list in directory
2019-09-11 16:23:59 +02:00
6f62cdb22c
basic styling to make it look ok before applying new design
2019-09-11 15:45:51 +02:00
4148f1697c
make input fields on a dark panel have a white background (filter field)
2019-09-10 11:11:08 +02:00
fdadc615f7
make explore button white on hover
2019-09-10 11:11:08 +02:00
Travis Ralston