Germain
1de9630e44
Fixes following threads design implementation review ( #7100 )
2021-11-11 11:00:18 +00:00
Germain
38750202ee
Design thread list tiles according to mockups ( #7078 )
2021-11-03 18:05:01 +00:00
Germain
0bae79d3c3
Improve Thread View UI ( #7063 )
2021-11-02 13:18:51 +00:00
Šimon Brandner
5c66bd6c7b
Add max-empty-lines
and no-eol-whitespace
to stylelint ( #7034 )
2021-10-26 08:23:23 +01:00
Andy Balaam
70606ffff6
Replace all uses of notice-primary-color with the correct alert colour ( #7010 )
2021-10-25 10:32:38 +01:00
Šimon Brandner
0794be1e98
$notice-secondary-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-10-16 20:21:27 +02:00
Dariusz Niemczyk
562a880c7d
Create room threads list view ( #6904 )
...
Implement https://github.com/vector-im/element-web/issues/18957 following requirements:
* Create a new right panel view to list all the threads in a given room.
* Change ThreadView previous phase to be ThreadPanel rather than RoomSummary
* Implement local filters for My and All threads
In addition:
* Create a new TileShape for proper rendering requirements (hiding typing indicator)
* Create new timelineRenderingType for proper rendering requirements
2021-10-14 15:27:35 +02:00
Dariusz Niemczyk
17f59131d8
Merge pull request #6868 from SimonBrandner/task/colors-3-mk2
...
Color clean-up #3 mk2
2021-10-01 11:04:15 +02:00
Šimon Brandner
02d42244a8
$user-tile-hover-bg-color -> $header-panel-bg-color
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-09-27 09:02:09 +02:00
Jaiwanth
94e4fb71c1
Merge branch 'develop' into export-conversations
2021-09-22 18:07:01 +05:30
Germain Souquet
77a463e679
Merge branch 'develop' into gsouquet/threaded-messaging-2349
2021-08-25 08:53:16 +01:00
Germain Souquet
95f4513bd2
Make UI respond to thread events
2021-08-17 17:42:47 +01:00
Šimon Brandner
8b59bf3d18
$tertiary-fg-color -> $tertiary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:29 +02:00
Šimon Brandner
10bc85724a
$secondary-fg-color -> $secondary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:19:26 +02:00
Šimon Brandner
e5fd19c332
$primary-fg-color -> $primary-content
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:18:18 +02:00
Šimon Brandner
2afee596a9
$primary-bg-color -> $background
...
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2021-08-12 17:17:34 +02:00
Jaiwanth
4d6ad91e52
Add export option to right panel
2021-06-25 22:45:14 +05:30
Germain Souquet
adb42b7927
Deprecate FormButton to use AccessibleButton everywhere
2021-06-21 14:16:37 +01:00
Michael Telatynski
93f41ce0ab
Actually finish the empty state for the pinned messages card
2021-06-04 11:35:17 +01:00
Michael Telatynski
27ad90760d
Iterate pinned messages
2021-05-26 13:51:17 +01:00
Michael Telatynski
59f4c728c9
Initial cut of Pinned event card in the right panel
2021-05-25 16:10:44 +01:00
Michael Telatynski
abd290938a
Fix room name not wrapping in summary card
2021-05-19 17:12:25 +01:00
Matthew Hodgson
1427aa4203
fix mx_EncryptionInfo_spinner padding in dialogs
2021-03-08 04:41:51 +00:00
Michael Telatynski
5fb86f74d7
Remove unused IconButton
2020-11-10 12:06:56 +00:00
Michael Telatynski
efbce309d0
improve paddings
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-15 15:42:08 +01:00
Michael Telatynski
f198b95579
Iterate PR; tidy and improve widget context menu
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-15 15:24:42 +01:00
Michael Telatynski
a6c81a903c
Iterate with new buttons and resize locking
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-15 11:14:48 +01:00
Michael Telatynski
7820f9c28a
Switch to WidgetAvatar
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-12 13:16:55 +01:00
Michael Telatynski
ada6d1aa46
Iterate PR
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-09 08:42:21 +01:00
Michael Telatynski
b8080a7d2d
Merge branch 'develop' of github.com:matrix-org/matrix-react-sdk into t3chguy/feat/widgets
2020-10-08 13:04:59 +01:00
J. Ryan Stinnett
936344b012
Make back button a circle
2020-10-07 17:53:41 +01:00
Michael Telatynski
29e3881fb3
Iterate design and fix post-merge conflict
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-10-07 10:36:45 +01:00
Michael Telatynski
23d95df30b
Rebuild the room summary card's widgets section
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-09-30 17:08:41 +01:00
Travis Ralston
77f8c48dc4
Merge pull request #5195 from matrix-org/travis/iconography-update
...
Show verification status in the room summary card
2020-09-11 09:12:46 -06:00
J. Ryan Stinnett
e49a657a90
Fix user info scrolling in new card view
...
Fixes https://github.com/vector-im/element-web/issues/15148
2020-09-11 11:39:58 +01:00
Travis Ralston
4cb7381d03
Show verification status in the room summary card
...
Fixes https://github.com/vector-im/element-web/issues/15143
Colours are the same for both light and dark theme.
2020-09-10 13:53:42 -06:00
Michael Telatynski
cef533b83e
Update ellipsis svg
2020-09-09 13:09:21 +01:00
Michael Telatynski
8d66dce68d
Update copy and use svg for ellipsis
2020-09-09 12:50:48 +01:00
Michael Telatynski
c8bc80a3b1
test with delay
2020-09-09 10:07:43 +01:00
Michael Telatynski
596060c506
fix alignments and iterate PR
2020-09-08 17:57:08 +01:00
Michael Telatynski
6c7cb473dc
finalise colours from Figma
2020-09-08 16:33:26 +01:00
Michael Telatynski
8d14d26e2b
do the todos
2020-09-08 16:27:09 +01:00
Michael Telatynski
3a99343433
iterate styling
2020-09-08 15:43:40 +01:00
Michael Telatynski
ef0843d4ad
Iterate to match design
2020-09-08 15:43:40 +01:00
Michael Telatynski
0fe6ce1842
Stage svgs
2020-09-08 15:43:40 +01:00
Michael Telatynski
98b59fb217
Consolidate all the work thus far
2020-09-08 15:43:38 +01:00
Michael Telatynski
31cca5e0f2
Create new right panel cards
2020-09-08 15:42:31 +01:00
Bruno Windels
488f49dc5c
redefine variable rather than picking a different one
...
to not break other teams
2020-07-14 12:51:51 +02:00
Nad Chishtie
b10195cefa
Use consistent values between right and left panels
2020-07-13 23:12:37 +01:00
Michael Telatynski
de46c0091f
Fix UserInfo separator colour to match User Menu context menu
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-07-13 22:50:18 +01:00
Jorik Schellekens
66067719f4
Small fixes
2020-04-27 18:36:05 +01:00
Jorik Schellekens
55084e918c
Really fix info avatar
2020-04-27 17:40:37 +01:00
Michael Telatynski
fe401ce4da
Merge branch 'develop' into t3chguy/xsigning/fix_userinfo_e2eicon
2020-04-03 18:38:30 +01:00
Bruno Windels
adead76882
Merge branch 'develop' into bwindels/selfverifux
2020-04-03 17:53:07 +02:00
Bruno Windels
2cf55fb2a0
adjust start options styling
2020-04-03 17:32:09 +02:00
Bruno Windels
c15fa2ba0c
Merge pull request #4334 from matrix-org/bwindels/qr-reciprocate
...
QR code reciprocation
2020-04-03 12:28:41 +00:00
Jorik Schellekens
3ed457ea7d
Merge pull request #4305 from JorikSchellekens/joriks/font-scaling
...
Make all 'font-size's and 'line-height's rem
2020-04-02 17:40:39 +01:00
Bruno Windels
fffd5a4a5e
fix stylelint
2020-04-02 16:46:29 +02:00
Bruno Windels
0307361fa2
more polish for self-verification
2020-04-02 16:42:39 +02:00
Bruno Windels
31ca52dede
fix stylelint
2020-04-02 13:44:19 +02:00
Bruno Windels
1f65cfb7f6
polish design and disable buttons after click
2020-04-02 13:44:19 +02:00
Bruno Windels
ccf6c9efdc
fixup: more i18n
2020-04-02 13:44:19 +02:00
Michael Telatynski
faa4f54c97
Only apply padding to standard textual buttons (kind buttons)
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-02 00:12:48 +01:00
Michael Telatynski
430a9ef948
tweak e2e icon margins
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-01 15:09:19 +01:00
Michael Telatynski
759de88b43
match padding too
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-01 12:25:48 +01:00
Michael Telatynski
4a4a13ac75
Fix UserInfo e2e buttons to match Figma
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-04-01 12:21:18 +01:00
Michael Telatynski
eb901441cd
Fix alignment of e2e icon in userinfo and expose full displayname in title
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-03-31 16:14:18 +01:00
Jorik Schellekens
6cf9166c4a
Use variables for the rem values.
...
It's become obvious that these random floating points everywhere
are unwieldy. Now they're all in one place with some fairly logical
variable names which will help out in design->implementation phase.
2020-03-31 15:26:23 +01:00
Jorik Schellekens
da34e6241d
Make all 'font-size's and 'line-height's rem
...
Font size of the whole app would ideally be controlled by a single
value. This value is currently hard coded using the :root CSS selector.
It is the intention to make this value configurable within riot. In the
interim all font-sizes have been converted to rem by the simple process
of regex. Replacing px values with their equivalent rem values assuming
a font size of 15px and then rounded to three decimal places, which was
the base at the time of this transformation.
I'm expecting another commit cleaning up rem values but I thought it
best to leave that to review.
This commit doesn't address any scaling issues. I thought it better to
land this unwieldy, mechanical, invisible change before the others
otherwise the pr would be impossible to review thoroughly.
2020-03-30 18:23:46 +01:00
Bruno Windels
4f3842d75e
pick color similar to chevron for cancel X button
2020-03-26 16:58:17 +01:00
Bruno Windels
9b54d15fcd
add cancel button to verification panel
2020-03-26 16:53:46 +01:00
Michael Telatynski
2ce006a9ea
delint css
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-02-26 13:48:22 +00:00
Michael Telatynski
c4ce9a310e
Limit UserInfo Displayname to 3 lines to get rid of scrollbars and ugliness
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-02-26 13:44:35 +00:00
Bruno Windels
0e0b0e8d09
fix css lint
2020-02-10 16:19:27 +01:00
Bruno Windels
9059f00b29
move css to correct file
...
Move the CSS for the dialog layout used in VerificationPanel to
_VerificationPanel.scss,
and delete the latter as it doesn't have any css of it's own anymore
2020-02-10 16:19:27 +01:00
J. Ryan Stinnett
6f6d6b096a
Ensure QR code, verified hero are centered
2020-01-30 22:43:14 +00:00
David Baker
77618d30fd
Actually this is green because it's a link
...
not because the things were verified. Use the linkButton class
2020-01-30 16:08:42 +00:00
David Baker
0956d00637
Make shields in UserInfo black if user isn't verified
2020-01-30 15:59:03 +00:00
Michael Telatynski
afecaa1662
fix left margins in UserInfo
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-01-29 22:54:56 +00:00
Michael Telatynski
00dd1a4a8f
Re-use existing classes to fix font-size matching
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-01-29 14:22:20 +00:00
Michael Telatynski
19e7c768b6
Replace Verify button in UserInfo verification with "Learn more"
...
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2020-01-29 14:11:50 +00:00
Michael Telatynski
61d0021c8e
Fix styling special case for DialogButtons
2020-01-29 07:58:43 +00:00
Michael Telatynski
2fbda42374
Fix buttons in right panel verif
2020-01-29 07:53:06 +00:00
Michael Telatynski
2fb6e73794
speed up user info verification css transitions by 2x
2020-01-28 23:43:27 +00:00
Michael Telatynski
657457c14b
Apply remainder of ux
2020-01-28 11:13:09 +00:00
Michael Telatynski
ca5d4d88a2
Style the QR code
2020-01-27 17:17:05 +00:00
Michael Telatynski
ddb0f06005
Merge branch 'develop' of https://github.com/matrix-org/matrix-react-sdk into t3chguy/cs_verification_decoration
...
Conflicts:
src/components/views/right_panel/VerificationPanel.js
2020-01-27 15:46:38 +00:00
J. Ryan Stinnett
2021498755
Update profile avatar letter size
...
Fixes https://github.com/vector-im/riot-web/issues/12042
2020-01-24 17:31:04 +00:00
Michael Telatynski
7a5e172b88
Apply a huge part of the decorations and copy
2020-01-24 16:16:46 +00:00
Michael Telatynski
210616c737
Phase 1, split out UserInfo into a generic Pane, use for EncInfo
2020-01-24 11:45:39 +00:00
Michael Telatynski
237a0ed071
Make the entire User Info scrollable, sticky close button
2020-01-23 16:09:32 +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
Bruno Windels
de15965c4a
improve device list layout
2019-11-19 12:51:37 +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
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
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
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
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
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