Commit graph

1508 commits

Author SHA1 Message Date
Michael Telatynski
272aae0973
Add CI to run rethemendex.sh (#9577) 2022-11-14 18:31:20 +00:00
Florian Duros
5ca9accce2
Improve design of the rich text editor (#9533)
New design for rich text composer
2022-11-04 15:36:50 +00:00
Florian Duros
423f87a43a
Merge branch 'develop' into feat/add-plain-text-mode 2022-10-26 17:16:34 +02:00
Travis Ralston
de51bfdcb5
Use flex-start instead of start in several places (#9500)
To keep webpack quiet about it, since apparently it has "mixed browser support".
2022-10-25 17:00:33 -06:00
Florian Duros
50279c8870
Add basic plain text editor 2022-10-25 17:26:14 +02:00
Florian Duros
4d9d07e7fd
Update date in header 2022-10-24 15:27:34 +02:00
Florian Duros
de86221c72
Merge remote-tracking branch 'origin/develop' into feat/add-message-edition-wysiwyg-composer 2022-10-24 14:41:27 +02:00
Germain
9eb4f8d723
Add thread notification with server assistance (MSC3773) (#9400)
Co-authored-by: Janne Mareike Koschinski <janne@kuschku.de>
2022-10-24 07:50:21 +01:00
Florian Duros
4d089dcc05
Merge remote-tracking branch 'origin/develop' into feat/add-message-edition-wysiwyg-composer 2022-10-21 10:15:46 +02:00
Florian Duros
5987a6889b
Add styling to editing 2022-10-20 17:31:17 +02:00
Florian Duros
5e6d0f6404
Copy css for edition 2022-10-20 10:53:57 +02:00
Robin
f9a7d9fb7b
Align video call icon with banner text (#9460) 2022-10-19 19:11:13 +00:00
Timo
372720ec8b
Room call banner (#9378)
Signed-off-by: Timo K <timok@element.io>
Co-authored-by: Timo K <timok@element.io>
Co-authored-by: Robin <robin@robin.town>
2022-10-17 21:36:17 +02:00
Florian Duros
0f2652c866
Change icon 2022-10-13 17:50:46 +02:00
Florian Duros
3f8baa4547
improve Formatting buttons style 2022-10-13 17:14:08 +02:00
Florian Duros
a96aea29a9
Fix buttons size 2022-10-13 15:36:54 +02:00
Florian Duros
01858354f8
Add formatting buttons for WysisygComposer 2022-10-13 12:20:31 +02:00
Florian Duros
5bdac78fc7
Merge remote-tracking branch 'origin/develop' into feat/matrix-wysisyg-integration 2022-10-10 17:04:27 +02:00
Florian Duros
bcc53fc337
Add style for WysiwygComposer 2022-10-07 11:46:57 +02:00
Robin
06dbea6255
New group call experience: Room header and PiP designs (#9351)
* Update our cancel icon

The cancel icon we're using in the app has drifted out of sync with the ones used in our designs. We also had two identical-looking icons, so this consolidates them into one.

I've simultaneously updated our chevron icons, since in the case of the 'jump to unread' timeline button, it became clear that the weight of the new close icon did not match the thinner chevron.

* Don't squish bottom/top-aligned tooltips near the edge of the screen

* Close the timeline panel when returning to the fullscreen timeline view

* Add layout switching capabilities to ElementCall

* Bring the room header in line with the group call designs

* Bring the PiP header in line with the group call designs

* Fix lints

* Clarify tooltip CSS calculations

* Test PipView

* Expand RoomHeader test coverage

* Test PipView more
2022-10-07 02:27:28 +00:00
Robin
ff59f68a9f
New group call experience: Call tiles (#9332)
* Add call tiles

* Factor CallDuration out into a reusable component

* Correct the separator character in LiveContentSummary
2022-09-30 19:26:08 +00:00
Arne Wilken
54b79c7667
Remove border-bottom from room topic (#9317)
It gives an empty room topic a height of 1px and does not seem to accomplish much else.

Signed-off-by: Arne Wilken arnepokemon@yahoo.de

Signed-off-by: Arne Wilken arnepokemon@yahoo.de
2022-09-26 17:33:36 +02:00
Robin
cb735c9439
Element Call video rooms (#9267)
* Add an element_call_url config option

* Add a labs flag for Element Call video rooms

* Add Element Call as another video rooms backend

* Consolidate event power level defaults

* Remember to clean up participantsExpirationTimer

* Fix a code smell

* Test the clean method

* Fix some strict mode errors

* Test that clean still works when there are no state events

* Test auto-approval of Element Call widget capabilities

* Deduplicate some code to placate SonarCloud

* Fix more strict mode errors

* Test that calls disconnect when leaving the room

* Test the get methods of JitsiCall and ElementCall more

* Test Call.ts even more

* Test creation of Element video rooms

* Test that createRoom works for non-video-rooms

* Test Call's get method rather than the methods of derived classes

* Ensure that the clean method is able to preserve devices

* Remove duplicate clean method

* Fix lints

* Fix some strict mode errors in RoomPreviewCard

* Test RoomPreviewCard changes

* Quick and dirty hotfix for the community testing session

* Revert "Quick and dirty hotfix for the community testing session"

This reverts commit 37056514fbc040aaf1bff2539da770a1c8ba72a2.

* Fix the event schema for org.matrix.msc3401.call.member devices

* Remove org.matrix.call_duplicate_session from Element Call capabilities

It's no longer used by Element Call when running as a widget.

* Replace element_call_url with a map

* Make PiPs work for virtual widgets

* Auto-approve room timeline capability

Because Element Call uses this now

* Create a reusable isVideoRoom util
2022-09-16 11:12:27 -04:00
Michael Weimann
a0c35d088a
Add Voice Broadcast labs setting and composer button (#9279)
* Add Voice Broadcast labs setting and composer button

* Implement strict typing

* Extend MessageComposer-test

* Extend tests

* Revert some strict type fixex

* Convert FEATURES to enum; change case

* Use fake timers in MessageComposer-test
2022-09-16 09:10:33 +00:00
Matthew Hodgson
8bc03aabba
remove the grey gradient on images in bubbles in the timeline (#9241)
* remove the grey gradient on images in the timeline

given we now show timestamps with a nice lozenge overlay,
so the gradient is unnecessary and just screws up the image.

fixes https://github.com/vector-im/element-web/issues/21651

* put a lozenge on the timestamp rather than evil gradient
2022-09-08 15:54:35 +01:00
Robin
4524291331
Fix the picture-in-picture component being off screen (#9246) 2022-09-06 04:28:01 +00:00
Robin
0d6a550c33
Prepare for Element Call integration (#9224)
* Improve accessibility and testability of Tooltip

Adding a role to Tooltip was motivated by React Testing Library's
reliance on accessibility-related attributes to locate elements.

* Make the ReadyWatchingStore constructor safer

The ReadyWatchingStore constructor previously had a chance to
immediately call onReady, which was dangerous because it was potentially
calling the derived class's onReady at a point when the derived class
hadn't even finished construction yet. In normal usage, I guess this
never was a problem, but it was causing some of the tests I was writing
to crash. This is solved by separating out the onReady call into a start
method.

* Rename 1:1 call components to 'LegacyCall'

to reflect the fact that they're slated for removal, and to not clash
with the new Call code.

* Refactor VideoChannelStore into Call and CallStore

Call is an abstract class that currently only has a Jitsi
implementation, but this will make it easy to later add an Element Call
implementation.

* Remove WidgetReady, ClientReady, and ForceHangupCall hacks

These are no longer used by the new Jitsi call implementation, and can
be removed.

* yarn i18n

* Delete call map entries instead of inserting nulls

* Allow multiple active calls and consolidate call listeners

* Fix a race condition when creating a video room

* Un-hardcode the media device fallback labels

* Apply misc code review fixes

* yarn i18n

* Disconnect from calls more politely on logout

* Fix some strict mode errors

* Fix another updateRoom race condition
2022-08-30 15:13:39 -04:00
Michael Telatynski
e269c6895d
Fix url preview AXE and layout issue & add percy test (#9189) 2022-08-17 16:07:18 +00:00
Suguru Hirahara
82fb21aff5
Apply inline start padding to selected lines on modern layout only (#9006) 2022-08-01 08:19:22 +02:00
Germain
72c24af5c0
Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 14:39:29 +01:00
Michael Telatynski
8eeeee1aa2
Use default styling on nested numbered lists due to MD being sensitive (#9110) 2022-07-27 14:38:34 +01:00
Kerry
594439222d
Replace mask-images with svg components in MessageActionBar (#9088)
* Use svg components in messageactionbar

* highlight options button in pinned messages mock buttons
2022-07-25 12:43:41 +02:00
Suguru Hirahara
92fce71e39
Align the right edge of info tile lines with normal ones on IRC layout (#9058)
* Apply inline start margin to info event tile line to align the right edge with normal event tile lines

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Rename the variable

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Add a test to check inline start margin

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Rerun CI

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Improve tests a little bit

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-25 10:05:32 +01:00
Michael Weimann
9edd49818c
Prepare room components for local rooms (#9082) 2022-07-20 15:07:06 +02:00
Suguru Hirahara
b90ea87d11
Re-add inline start padding to EventTile_line of GenericEventListSummary (#9063) 2022-07-16 12:15:12 +00:00
Michael Telatynski
01f4bb8c78
Rename PostCSS files to .pcss (#9013)
* Rename PostCSS files to `.pcss`

* Make Stylelint happy

* Delint

* Rename new files too

* delint

* Fix bad comment placement
2022-07-15 14:53:23 +01:00
Suguru Hirahara
a269e3ebad
Move &.mx_EventTile_isEditing and &.mx_EventTile_selected out of mx_EventTile:not([data-layout=bubble]) (#8980)
* Move &.mx_EventTile_isEditing and &.mx_EventTile_selected out of mx_EventTile:not([data-layout=bubble])

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use common variables for selected lines and hovered lines

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Merge style blocks for mx_EventTile_line

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-13 00:24:06 +00:00
Suguru Hirahara
ae925fb1e9
Remove :not() pseudo class from mx_EventTile_line:hover of ThreadsList (#9021)
* Remove :not() pseudo class from mx_EventTile_line:hover of ThreadsList

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Merge style blocks

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move style rules down

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Add comments

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply &:hover globally to realize the original implementation

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-12 15:31:07 -06:00
Suguru Hirahara
49c6d10ddb
Manage style rules of ReadReceiptGroup position on one file (#8993)
* Specify positon of RR on IRC layout on _EventTile.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Manage a declaration for position of RR on modern/group layout on _EventTile.scss, instead of applying it as a default one

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use logical properties

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Include mx_ReadReceiptGroup in mx_EventTile_msgOption to prevent a regression

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Manage style blocks of mx_ReadReceiptGroup for every layout on one file

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use logical properties

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Include mx_ReadReceiptGroup in mx_EventTile_msgOption for bubble layout same as the other layouts

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Include mx_ReadReceiptGroup in mx_EventTile_msgOption on TimelineCard

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-12 15:30:59 -06:00
Suguru Hirahara
c175263fd7
Move mx_EventTile_info out of mx_EventTile:not([data-layout=bubble]) (#8994)
* Move mx_EventTile_info .mx_EventTile_line from mx_EventTile:not([data-layout=bubble]) to mx_EventTile[data-layout=group]

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move style rules for avatar and E2E icon of mx_EventTile_info .mx_EventTile_line from mx_EventTile:not([data-layout=bubble]) to mx_EventTile[data-layout=group]

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use variables

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move mx_EventTile_info out of mx_EventTile:not([data-layout=bubble]) for both IRC and modern layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply the style rule for mx_MessageTimestamp on info event tile line to group layout only

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply zero padding-top to modern/group layout only (IRC layout has zero padding by default)

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply avatar position settings to modern/group layout only

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Maintain the style block for avatar on info event tile in IRC layout on _EventTile.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove obsolete style block

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove inline padding setting from mx_EventTile_line

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use a correct variable

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Fix misalignment of avatars and textual events on IRC layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Align avatars and hidden events on IRC layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-12 13:40:19 +00:00
Suguru Hirahara
2587aa1369
Add space for the stroke on message editor on IRC layout (#9030)
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-11 17:19:49 -04:00
Suguru Hirahara
d1928d2cb3
Remove obsolete opacity value for E2E icons (#8975)
* Remove obsolete opacity value for E2E icons

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* The opacity declaration is not required after all

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-11 07:46:31 +02:00
Suguru Hirahara
03ce8ae323
Enable search strings highlight on bubble layout (#9032)
* Move mx_EventTile_searchHighlight out of mx_EventTile:not([data-layout=bubble]) to enable it on bubble layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use a logical property

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-09 13:29:45 +02:00
Suguru Hirahara
4fb11968fa
Move style declarations out of :not([data-layout=bubble]) in ThreadView (#9020)
* Move mx_EventTile out of mx_EventTile:not([data-layout=bubble]) in mx_ThreadView

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use a logical property

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove a redundant declaration

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply zero inline start padding to group layout only

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Reorder style blocks; irc/group before bubble

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move styles for mx_EventTile_avatar of info event lines on ThreadView out of :not() pseudo class

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move styles in mx_GenericEventListSummary on ThreadView out of :not() pseudo class

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Shorthand for inline margin

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* yarn run lint:style --fix

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-08 11:38:06 +02:00
Suguru Hirahara
b1f8d36a69
Re-add margin to tiles based on EventTileBubble (#9015)
* Re-add margin to HistoryTile, which is based on EventTileBubble

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Readd margin to the other tiles based on EventTileBubble

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Default margin is not required for mx_MJitsiWidgetEvent as it appears inside EventTile

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Cancel left value for cryptoEvent on IRC layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-08 09:58:49 +01:00
Suguru Hirahara
4844cc14bd
Remove padding from event info line for hidden events on ThreadView (#9019)
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-08 08:39:20 +02:00
Suguru Hirahara
bd8949872d
Fix lost padding of event tile info line (#9009)
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 15:08:32 +02:00
Suguru Hirahara
b1fb609ab3
Specify spacing around EventTileBubble for each layout (#9001)
* Apply margin to EventTileBubble on each layout

Use a variable to ensure alignment of EventTileBubble on IRC layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Improve style rules

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply the same block margin to every layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 09:24:24 +00:00
Suguru Hirahara
ff6f4dc8eb
Move style rules of EventTile on hover out of mx_EventTile:not([data-layout=bubble]) (#8997)
* Move ':hover.mx_EventTile_verified .mx_EventTile_line' etc out of mx_EventTile:not([data-layout=bubble])

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Use variables

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Merge mx_EventTile_line on hover

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply inline start padding effect on hovering info tile text line to modern/group layout only

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-07 09:54:56 +02:00
Suguru Hirahara
2ebb5eb957
Move mx_MessageTimestamp out of mx_EventTile:not([data-layout=bubble]) (#8976)
* Move mx_MessageTimestamp out of mx_EventTile:not([data-layout=bubble])

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Ensure left: 0 and text-align: center for mx_MessageTimestamp on MessageEditHistoryDialog

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply text-align to MessageTimestamp on IRC layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply text-align to MessageTimestamp on modern/group layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply left: 0 to modern/group layout only

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move mx_MessageTimestamp out of mx_EventTile:not([data-layout=bubble])

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove an obvious comment

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Cascading order

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Remove an obsolete comment

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-07-06 11:45:18 +01:00