Commit Graph

4614 Commits

Author SHA1 Message Date
Michael Telatynski
371a3c0d36 Apply more general fix for base avatar regressions (#10045) 2023-02-01 14:51:40 +00:00
fahadNoufal
eaf152ceef resolved emoji description text overflowing issue (#10028)
Co-authored-by: Germain <germains@element.io>
Resolves https://github.com/vector-im/element-web/issues/22126
2023-01-31 16:28:47 +00:00
Michael Telatynski
0d1fce37b2 Fix layout and visual regressions around default avatars (#10031) 2023-01-31 13:56:48 +00:00
alunturner
39f5fc034f Paragraph integration for rich text editor (#10008)
* integrates paragraph refactor in rich text editor
* minor CSS changes to accomodate this
* bumps rich text editor version to 0.22.0
2023-01-31 09:45:34 +00:00
Parag Poddar
c71dceb9a8 Use monospace font for room, message IDs in View Source modal (#9956) 2023-01-30 16:39:16 +00:00
Clark Fischer
a8aa4de4b4 Member avatars without canvas (#9990)
* Strict typechecking fixes for Base/Member/Avatar

Update the core avatar files to pass `--strict --noImplicitAny` typechecks.

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>

* Add tests for Base/Member/Avatar

More thoroughly test the core avatar files. Not necessarily the most thorough,
but an improvement.

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>

* Extract TextAvatar from BaseAvatar

Extracted the fallback/textual avatar into its own component.

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>

* Use standard HTML for non-image avatars

Firefox users with `resistFingerprinting` enabled were seeing random noise
for rooms and users without avatars. There's no real reason to use data
URLs to present flat colors.

This converts non-image avatars to inline blocks with background colors.

See https://github.com/vector-im/element-web/issues/23936

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>

* Have pills use solid backgrounds rather than colored images

Similar to room and member avatars, pills now use colored pseudo-elements
rather than background images.

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>

---------

Signed-off-by: Clark Fischer <clark.fischer@gmail.com>
Co-authored-by: Andy Balaam <andy.balaam@matrix.org>
2023-01-30 09:50:08 +00:00
Nawaraj Shah
64cec31981 changing the color of message time stamp (#10016) 2023-01-29 10:03:38 +00:00
Mustafa Kapadia
3f766b3f0f Issue Fix: Misaligned reply preview in thread composer (#9977) 2023-01-25 08:51:07 +01:00
Ayushman
9aab7c5a35 #22204 Issue: Centered File info in lightbox (#9971)
* #22204 Issue: Centered File info in lightbox

* #22204 Issue: Centered File info in lightbox
2023-01-23 19:01:11 +00:00
Robin
056fec844f Only highlight focused menu item if focus is supposed to be visible (#9945) 2023-01-20 08:46:17 -05:00
Robin
6152c1762d Prevent call durations from breaking onto multiple lines (#9944) 2023-01-20 08:45:55 -05:00
Robin
9d0230b6ab Show the room name in the room header during calls (#9942) 2023-01-20 08:45:39 -05:00
Robin
da30b3069c Tweak call lobby buttons to more closely match designs (#9943) 2023-01-20 08:45:27 -05:00
alunturner
9dbc5f3773 Add quotes to rich text editor (#9932)
* bump rich text editor to 0.20.0
* add new svg for the button
* show the button
* make the composer display look like the timeline display
2023-01-20 10:55:46 +00:00
alunturner
a63da74f06 Add code blocks to rich text editor (#9921)
* Applies small changes to code block display in timeline
* Makes the composer code block look like the timeline display, but without line numbers
* Adds a button to allow code blocks to be implemented
* Adds tests for the new button
2023-01-19 15:49:21 +00:00
Florian Duros
314b2e7ba6 Add new style for inline code (#9936)
Add new style for inline code
2023-01-19 13:42:59 +00:00
alunturner
8a2e386531 Add disabled button state to rich text editor (#9930)
* add disabled css state
* conditionally apply disabled css state
* hides disabled tooltips
2023-01-19 09:24:29 +00:00
Janne Mareike Koschinski
4d2b27a96d Fix broken threads list timestamp layout (#9922)
* Add option to show full identifier as tooltip on sender profiles
* Show full user id as tooltip on threads list entries
* Fix broken threads list timestamp layout

Previously, thread list timestamps would overflow
into the unread messages bubble on the right.

This is fixed by resetting the width of the
timestamp and ensuring both the timestamp and the
display name can shrink if necessary.
Both now also use ellipses if necessary.
2023-01-18 15:56:43 +01:00
Kerry
62913218d2 use 100% rather than auto with for reply tile width (#9924) 2023-01-18 14:57:58 +13:00
Michael Weimann
fe0d3a7668 Error handling if broadcast events could not be sent (#9885) 2023-01-17 07:57:59 +00:00
Janne Mareike Koschinski
9ef4e14385 Replace outdated css attribute (#9912) 2023-01-16 14:46:54 +01:00
Kerry
0758b8cdfe Device manager - tweak settings display (#9905)
* compound devices icon

* update icon for new session manager tab

* condense privacy > analytics / sessions sections slightly
2023-01-15 21:31:07 +00:00
alunturner
6052db1e8a Add list functionality to rich text editor (#9871)
* adds buttons to toggle bulleted and numbered lists on and off
* adds icons for those buttons
* css changes to timeline display
* adds tests for the new buttons, refactors existing tests
2023-01-13 15:44:35 +00:00
Janne Mareike Koschinski
cce506b1c1 Fix misaligned timestamps for thread roots which are emotes (#9875)
* Fix misaligned timestamps for thread roots which are emotes
* Use cross-browser variant instead of webkit-only variant for fill-available
2023-01-11 16:39:44 +01:00
Florian Duros
a691e634b0 Add edit and remove actions to link in RTE (#9864)
Add edit and remove actions to link in RTE
2023-01-11 10:10:55 +00:00
Johannes Marbach
f97cef80ae Add comment explaining z-index 2023-01-10 12:14:25 +01:00
Johannes Marbach
fc6b83c786 Make create poll dialog scale better
Fixes: vector-im/element-web#21855
2023-01-06 17:26:10 +01:00
Michael Weimann
2a4a7eacff Fix space lock icon size (#9854) 2023-01-05 09:19:54 +01:00
Robin
cb1af0d3de Redesign the picture-in-picture window (#9800)
* Remove unnecessary PipContainer component

* Redesign the picture-in-picture window

* Add a hover effect to the controls

* Clarify that WidgetPip has call-specific behavior
2023-01-04 04:44:38 +00:00
Michael Weimann
ecb3e7a197 Use compound Mic icons everywhere (#9849) 2023-01-02 13:36:58 +00:00
Michael Weimann
c257e137aa Allow call and broadcast PiP at the same time (#9829) 2022-12-28 13:43:44 +00:00
Florian Duros
fe0273b1a6 Add link creation to rich text editor (#9775)
Add link creation to RTE
2022-12-23 11:34:15 +00:00
Germain
e9224f6fce Add mark as read option in room setting (#9798) 2022-12-22 13:18:38 +00:00
Kerry
fbc3228143 Device manager - current device design and copy tweaks (#9801)
* indent device details

* udpate copy for current device security warning

* lint

* test coverage for copy

* strict
2022-12-22 01:58:29 +00:00
Robin
8660293424 Make call tiles look less broken in the right panel (#9808) 2022-12-21 18:59:02 +00:00
Germain
bef8e077f6 Unify notifications panel event design (#9754) 2022-12-21 10:25:50 +00:00
Kerry
d3ab11928b Use compound colours for verification badges (#9794)
* update e2e colour variables to compound colours

* use e2e colour vars for e2e icons
2022-12-20 02:07:28 +00:00
Kerry
0485b74acb Device manager - design tweaks (#9768)
* hover style on dropdown

* hover states

* device details spacing

* device details h3 -> h4

* missing fullstops

* update snapshots for new copy

* device details expand icon bigger

* hide current session security card when details expanded

* filter dropdown padding and hover state

* update cypress selector for device detail heading
2022-12-20 01:17:05 +00:00
Faye Duxovni
4724506320 Improve decryption error UI by consolidating error messages and providing instructions when possible (#9544)
* Improve decryption error UI by consolidating error messages and providing instructions when possible

* Fix TS strict errors

* Rename .scss to .pcss

* Avoid accessing clipboard, Cypress doesn't like it

* Display DecryptionFailureBar alongside other AuxPanel bars

* Add comments

* Add small margin off-screen for visible decryption failures

* Fix some more TS strict errors

* Add unit tests for DecryptionFailureBar

* Add button to resend key requests manually

* Remove references to matrix-js-sdk crypto internals

* Add hysteresis to visible decryption failures

* Add comment

Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>

* Add comment

Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>

* Don't create empty div if we're not showing resend requests button

* cancel updateSessions on unmount

* Update unit tests

* Fix lint and implicit any

* Simplify visible event bounds checking

* Adjust cypress test descriptions

* Add percy snapshots

* Update src/components/structures/TimelinePanel.tsx

Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>

* Add comments on TimelinePanel IState

* comment

* Add names to percy snapshots

* Show Resend Key Requests button when there are sessions that haven't already been requested via this bar

* We no longer request keys from senders

* update i18n

* update expected text in cypress test

* don't download keys ourselves, update device info in response to updates from client

* fix ts strict errors

* visibledecryptionfailures undefined handling

* Fix implicitAny errors

Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-12-15 17:24:33 +00:00
Michael Weimann
ab560bba40 Implement small broadcast PiP (#9755) 2022-12-15 11:43:01 +00:00
Germain
2d2755d145 🧵 Enable threads by default (#9736)
* Delabs threads

* remove threads reload when labs is toggled

* Fix ts strict

* fix rebase mistake

* remove .only

* fix pr comments

* re-introduce backwards compat

* Fix export test

* Fix SearchREsultTile test

* strict ts
2022-12-13 15:09:15 +00:00
Michael Weimann
526645c791 Apply prettier formatting 2022-12-12 12:24:14 +01:00
Florian Duros
dec72c7683 Use icon component instead of mask-image for formatting buttons (#9732)
Use icon component instead of mask-image for formatting buttons
2022-12-09 17:01:03 +01:00
Florian Duros
73986faa7d Add inline code to rich text editor (#9720)
Add inline code to rich text editor
2022-12-09 14:06:15 +01:00
Marco Bartelt
95ac957fa4 add-privileged-users-in-room (#9596) 2022-12-08 12:40:31 +01:00
Florian Duros
7943f83858 Change formatting buttons behavior (#9715)
Change formatting buttons behaviour
2022-12-07 12:13:35 +01:00
Michael Weimann
474f464e48 Voice broadcast indicator in room list (#9709) 2022-12-06 10:56:29 +01:00
Michael Weimann
89439d4f10 Further password reset flow enhancements (#9662) 2022-12-06 10:01:25 +01:00
Michael Telatynski
8576601b7c Fix replies to emotes not showing as inline (#9707) 2022-12-05 12:50:51 +00:00
Robin
2d9fa81cf5 Improve the visual balance of bubble layout (#9704) 2022-12-03 17:31:40 -05:00