PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4
43091 commits 1 branch 0 tags 338 MiB
Commit graph

3641 commits

Author SHA1 Message Date
Suguru Hirahara
afcf6ced05
Include mx_RoomView_timeline_rr_enabled style rules in mx_EventTile[data-layout=group] (#8986) 2022-07-06 08:42:30 +02:00
Suguru Hirahara
434f39fa0f
Fix text flow of thread summary content on threads list (#8991) 2022-07-06 08:33:40 +02:00
Šimon Brandner
8311bdd263
Fix the size of the clickable area of images (#8987) 2022-07-05 18:53:18 +02:00
Suguru Hirahara
6f10cd6404
Fix font size of MessageTimestamp on TimelineCard (#8950) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-05 12:02:55 -04:00
Suguru Hirahara
f45e8ad486
Improve security room settings tab style rules (#8844) 
* Fix position of 'Show Advanced' on security room settings tab

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

* Use flex to ensure alignment of the warning icon and message

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

* Remove an obsolete style block

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-05 16:24:26 +02:00
Suguru Hirahara
74a059b520
Move mx_EventTile_continuation out of mx_EventTile:not([data-layout=bubble]) (#8941) 
* Move mx_EventTile_continuation out of mx_EventTile:not([data-layout=bubble])

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

* Manage mx_EventTile_continuation declarations on one file

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-05 11:17:11 +00:00
Suguru Hirahara
fd3d65993c
Improve mx_MatrixChat_useCompactLayout on _EventTile.scss (#8965) 2022-07-05 12:02:29 +01:00
Suguru Hirahara
4b624fd58b
Move mx_EventTile_msgOption out of mx_EventTile:not([data-layout=bubble]) (#8973) 
* Move mx_EventTile_msgOption out of mx_EventTile:not([data-layout=bubble])

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

* Decrease specificity on _IRCLayout.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-05 09:01:06 +02:00
Suguru Hirahara
0bf5d54041
Improve style rules for thread summary (#8868) 
* Use mixin ThreadSummaryIcon

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

* Tidy mx_ThreadSummary

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

* Move style blocks from _EventTile.scss to _ThreadSummary.scss

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

* Merge mx_ThreadSummaryIcon::before

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

* From threads amount to replies amount

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

* Remove obsolete declaration and class names

mixin ThreadSummaryIcon has "background-color: $secondary-content !important"

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

* Move mx_ThreadPanel_replies::before from _ThreadSummary to _EventTile.scss

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

* Rename mx_ThreadSummaryIcon to mx_ThreadSummary_icon

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

* Use variables and remove obsolete one

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

* Merge style rules, renaming a variable

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

* Include mx_MessagePanel_narrow in mx_ThreadSummary

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

* Remove a redundant declaration

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

* Use a variable

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

* Include mx_ThreadSummary_sender and mx_ThreadSummary_content in mx_ThreadSummary

Expected according to tests

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

* Remove a variable used only once

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

* Ensure the same line-height is applied

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

* Remove !important

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-04 13:07:50 -06:00
Suguru Hirahara
32eb853bbb
Fix clickable area of general event list summary toggle (#8979) 
* Fix toggle of expanded generic event list summary on bubble layout

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

* Margin settings

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

* Remove redundant declarations

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

* Remove redundant declaration

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-04 13:00:45 -06:00
Šimon Brandner
0026e0462b
Fix resizing room topic (#8966) 2022-07-04 11:09:08 +02:00
Suguru Hirahara
352df7ddc7
Move mx_EventTile_contextual out of mx_EventTile:not([data-layout=bubble]) (#8974) 
* Move mx_EventTile_contextual out of mx_EventTile:not([data-layout=bubble])

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

* Empty commit

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-04 08:37:31 +02:00
Suguru Hirahara
7cf0f2d66d
Add top padding to EventTilePreview loader (#8977) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-04 08:27:22 +02:00
Suguru Hirahara
0909bfeb38
Improve LinkPreviewWidget (#8881) 
* Use shorthand for margin values

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

* Merge style declarations

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

* Merge style declarations

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

* Include mx_MatrixChat_useCompactLayout in mx_LinkPreviewWidget

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

* Include in mx_LinkPreviewWidget

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>

* Use spacing variables

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

* Use logical variables

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

* Prevent flex children blowout

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

* Wrap caption

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>

* Set row-gap between image and caption

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

* Set column-gap between the caption and close button

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

* Rename the class name

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

* Decrease inline spacing

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-04 08:10:46 +02:00
Suguru Hirahara
37d8cfbc50
Fix read receipts group position on TimelineCard in compact modern/group layout (#8971) 2022-07-02 15:51:57 +00:00
Suguru Hirahara
9328dca3fd
Consider cascading order of style rules on _EventTile.scss (#8968) 2022-07-02 12:39:33 +02:00
Suguru Hirahara
933ced5043
Apply mx_EventTile_isEditing .mx_MessageTimestamp globally (#8956) 2022-07-01 15:07:26 +00:00
Suguru Hirahara
1ef11a162c
Enable ReplyChain text to be expanded on IRC layout (#8959) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-01 11:28:57 +00:00
Michael Weimann
8e457f17ba
Introduce new copy icon (#8942) 
PSG-110
 2022-07-01 11:29:19 +02:00
Suguru Hirahara
2468e5830b
Apply padding values to event tiles on MessageEditHistoryDialog with variables (#8955) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-01 10:04:53 +01:00
Suguru Hirahara
bf281c1b6b
Move mx_EventTile_body out of mx_EventTile:not([data-layout=bubble]) (#8958) 
* Move mx_EventTile_body out of mx_EventTile:not([data-layout=bubble])

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

* Enable overflow scroll on expanded ReplyChain on bubble layout

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-07-01 10:04:33 +02:00
Suguru Hirahara
2bc6575503
Include mx_EventTile_bubbleContainer in mx_EventTile (#8960) 2022-07-01 09:25:23 +02:00
Suguru Hirahara
3329b35bd0
Move mx_ThreadSummary style block out of mx_GenericEventListSummary on TimelineCard (#8938) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-30 16:56:03 +00:00
Janne Mareike Koschinski
c3f26d619e
Improve high-contrast support for spotlight (#8948) 2022-06-30 16:17:30 +02:00
Suguru Hirahara
78a98415eb
Set common width, white-space, and display values to MessageTimestamp (#8818) 
* Add mx_MessageTimestamp to mx_PinnedEventTile_timestamp

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

* Apply display: block globally to enable the width declaration

- Unset display and width value of timestamp on pinned messages card

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

* Apply nowrap globally

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

* MessageTimestamp on ThreadsList - Remove width setting and add font-size setting

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

* Remove redundant font-size declaration from Threadview

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

* Fix timestamp position of timestamp on ThreadView in IRC layout

- GroupLayout is modern layout, not IRC layout

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

* Remove redundant font-size declaration from IRC layout

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

* Remove redundant color setting from timestamp on file panel

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

* Cancel the default width to set a gap between the event tile line

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

* Apply user-select: none globally

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-30 13:37:43 +02:00
Suguru Hirahara
171f5adff6
Move mx_MessageTimestamp out of mx_EventTile:not([data-layout=bubble]) on TimelineCard (#8937) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-30 04:59:11 -04:00
Michael Weimann
35a4e981e3
Make invite dialogue fixed height (#8934) 2022-06-30 10:13:37 +02:00
Suguru Hirahara
d439871ea1
Move mx_EventTile_highlight out of mx_EventTile:not([data-layout=bubble]) (#8940) 
* Move mx_EventTile_highlight etc. out of mx_EventTile:not([data-layout=bubble])

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

* Set highlight text color globally

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-30 06:47:35 +02:00
Suguru Hirahara
2a4992c56a
Move mx_DisambiguatedProfile out of mx_EventTile:not([data-layout=bubble]) (#8899) 
* Move mx_DisambiguatedProfile out of mx_EventTile:not([data-layout=bubble])

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

* Remove declarations which have not worked due to 'mx_EventTile:not([data-layout=bubble])'

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

* Remove a redundant declaration - inline-block

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

* Include mx_DisambiguatedProfile

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

* Include mx_DisambiguatedProfile:hover

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>

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

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

* Remove duplicate declarations on ReplyTile inherited from mx_EventTile .mx_DisambiguatedProfile

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

* Remove redundant declarations - FilePanel

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-29 22:38:23 +00:00
Suguru Hirahara
731776d189
Improve link buttons and inline link buttons styling (#8238) 
* Set padding: 0 to both "link" and "link_inline"

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

* Remove redundant settings - _SpotlightDialog.scss

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

* Remove redundant settings - JoinRuleSettings

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

* Remove redundant settings - _ViewSourceEvent.scss

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

* Remove redundant settings - _RoomDirectory.scss

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

* Remove redundant settings - _InviteDialog.scss

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

* Remove redundant settings - ServerOfflineDialog

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

* Remove redundant settings - UpdateCheckButton

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

* Remove redundant settings - NonUrgentEchoFailureToast

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

* Remove redundant settings - CallView

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

* Remove unused styles - _RoomSettingsDialogBridges.scss

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

* Replace "link" with "link_inline" for inline links

- src/components/structures/UserMenu.tsx
- src/components/views/dialogs/BetaFeedbackDialog.tsx
- src/components/views/dialogs/FeedbackDialog.tsx
- src/components/views/rooms/NewRoomIntro.tsx
- src/components/views/settings/tabs/room/NotificationSettingsTab.tsx
- src/components/views/settings/tabs/user/PreferencesUserSettingsTab.tsx
- src/components/views/spaces/SpaceCreateMenu.tsx

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

* Replace "link_inline" with "link" for links not inline

- src/async-components/views/dialogs/security/CreateKeyBackupDialog.tsx
- src/async-components/views/dialogs/security/CreateSecretStorageDialog.tsx
- src/components/structures/auth/ForgotPassword.tsx
- src/components/structures/auth/Registration.tsx
- src/components/views/auth/InteractiveAuthEntryComponents.tsx
- src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
- src/components/views/dialogs/security/RestoreKeyBackupDialog.tsx
- src/components/views/messages/TileErrorBoundary.tsx
- src/components/views/messages/ViewSourceEvent.tsx

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

* Remove a redundant declaration - _SetupEncryptionBody.scss

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

* Remove a redundant declaration - _ReplyChain.scss

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

* Remove a redundant declaration - _EventTile.scss

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

* Remove an obsolete style block - _RoomPreviewCard.scss

The block was transferred from _SpaceRoomView.scss with ec24dc661edb6979ba901936067e5bc731dafa59

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

* Remove a redundant declaration - _SecurityUserSettingsTab.scss

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

* Remove element='span' - NewRoomIntro.tsx

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

* Remove redundant declarations - _ServerPicker.scss

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

* Replace 'link' with 'link_inline' - AnalyticsToast.tsx

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-29 22:37:34 +00:00
Suguru Hirahara
5165ef02ff
Move mx_MImageBody out of mx_EventTile:not([data-layout=bubble]) (#8903) 2022-06-29 18:31:40 +00:00
Suguru Hirahara
9c0d2080f2
Remove line-height declarations from _ReplyTile.scss (#8932) 
* Set line-height for ReplyTile on IRC, modern, and bubble layout

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

* Move line-height style block to _EventTile.scss

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

* Move line-height style block to _EventTile.scss

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

* Revert "Move line-height style block to _EventTile.scss"

This reverts commit 523a60b17afd849556296b43e60c6e02768e8d8f.

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

* Revert "Move line-height style block to _EventTile.scss"

This reverts commit 0f832e19e8c6a42b885f38adb40caeb08361d0e7.

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

* Revert "Set line-height for ReplyTile on IRC, modern, and bubble layout"

This reverts commit d3146ab49756a32b43f48d8ec3665eb74c955a01.

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

* Remove line-height declarations to let inherited values used

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-29 18:28:47 +00:00
Janne Mareike Koschinski
bfbfe59d9d
Correct new search input’s rounded corners (#8921) 2022-06-29 12:58:08 +02:00
Suguru Hirahara
1304ff18a5
Align unread notification dot on threads list in compact modern=group layout (#8911) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-29 09:32:48 +02:00
Suguru Hirahara
035786aae0
Move mx_EventTile_line and mx_EventTile_reply out of mx_EventTile:not([data-layout=bubble]) (#8910) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-29 01:41:52 -04:00
Suguru Hirahara
2571042480
Move style rules of GenericEventListSummary from _EventBubbleTile.scss to _GenericEventListSummary.scss (#8713) 
* Move declarations of mx_GenericEventListSummary to _GenericEventListSummary.scss

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

* Move declarations of mx_GenericEventListSummary[data-expanded=false] to _GenericEventListSummary.scss

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

* Move declarations of mx_GenericEventListSummary[data-expanded=true] to _GenericEventListSummary.scss

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

* de-nestify style rules

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

* Remove a padding declaration for _EventBubbleTile.scss to set correct cascading order

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

* GenericEventListSummary_toggle for ':not([data-layout=bubble])'

Stop setting margin values as default ones

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

* GenericEventListSummary_avatars for ':not([data-layout=bubble])'

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

* Extract flexbox declarations into _GenericEventListSummary.scss

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

* Move declarations of '&[data-layout=bubble]' up

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

* Extract background color into _GenericEventListSummary.scss

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

* Merge style rules of background of EventTile_bad

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

* Move .mx_GenericEventListSummary_avatars block from _IRCLayout.scsss to _GenericEventListSummary.scss

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

* de-nestify style rules

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

* Stop using :not() pseudo class

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-28 15:05:19 +02:00
Janne Mareike Koschinski
8b841951db
Move New Search Experience out of beta (#8859) 2022-06-28 12:02:08 +02:00
Michael Weimann
9cf03a8d32
Disable pointer events for replies to locations (#8918) 
PSD-283
 2022-06-28 09:34:48 +02:00
Travis Ralston
d7969a6dd3
Keep clicks on pills within the app (#8917) 
* Keep clicks on pills within the app

* Add a regression test
 2022-06-28 09:06:26 +02:00
Robin
5c67ef14ec
Don't overlap tile bubbles with timestamps in modern layout (#8908) 
* Don't overlap tile bubbles with timestamps in modern layout

* Use timestamp width variable
 2022-06-27 17:40:46 +00:00
Suguru Hirahara
a9a97d1be3
Maximize width value of display name on TimelineCard with IRC/modern layout (#8904) 
* Set 100% max-width to mx_DisambiguatedProfile on TimelineCard

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

* Unset the max-width value inside ReplyTile

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-27 15:16:40 +02:00
Michael Telatynski
e7a8dbd04c
Revert recent composer changes (#8840) 
* Revert "Prevent new composer from overflowing from non-breakable text (#8829)"

This reverts commit 57dff8131c.

* Revert "Fix scroll jump issue with the composer (#8791)"

This reverts commit 5167521ea4.

* Revert "Fix scroll jump issue with the composer (#8788)"

This reverts commit f568a76dc6.

* Revert "Revert link color change in composer (#8784)"

This reverts commit aedbeb2995.

* Revert "Improve composer visiblity (#8578)"

This reverts commit f14374a51c.
 2022-06-27 09:43:58 +01:00
Suguru Hirahara
7d3c750247
Tidy up styles on _EventTile.scss (#8882) 
* Tidy up styles

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

* Tidy up styles

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

* Include in mx_EventTile_body pre

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

* Include in mx_EventTile_line

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

* Use spacing variables

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-27 08:38:17 +02:00
Suguru Hirahara
9bbb29a1a2
Move styles on TimelineCard out of mx_EventTile:not([data-layout=bubble]) (#8901) 2022-06-26 16:01:28 +02:00
Suguru Hirahara
7852e168a0
Improve SetIntegrationManager (#8878) 2022-06-26 10:43:33 +00:00
Suguru Hirahara
ea5616a05f
Remove a special declaration about position of avatars on TimelineCard (#8900) 2022-06-26 11:28:43 +02:00
Suguru Hirahara
173d8f33b7
Use a variable to ensure the margin declaration is applied to components on mx_SettingsTab only (#8877) 2022-06-25 18:06:08 +00:00
Suguru Hirahara
b391a20434
Move mx_EventTile_e2eIcon style out of mx_EventTile:not([data-layout=bubble]) (#8895) 2022-06-25 17:49:34 +00:00
Suguru Hirahara
33d680b134
Clarify style rule structure of ProfileSettings to avoid unexpected regressions (#8884) 2022-06-25 19:23:33 +02:00
Suguru Hirahara
2242a36851
Move mx_EventTile_avatar style rules out of ":not([data-layout=bubble])" (#8894) 2022-06-25 19:22:52 +02:00
Suguru Hirahara
4cc82548ac
Remove inline margin from reactions row on IRC layout (#8891) 2022-06-25 14:24:18 +00:00
Suguru Hirahara
3ecf7e1065
Ensure the max width value of the tooltip is used only on settings tabs (#8880) 2022-06-25 14:40:16 +02:00
Suguru Hirahara
814ca6811c
Improve font scaling panel style (#8887) 2022-06-25 14:20:01 +02:00
Suguru Hirahara
4ad8b1934c
Stop using :not() pseudo class for mx_MImageBody to decrease the specificity of the rule for images on file panel (#8886) 2022-06-25 14:19:02 +02:00
Suguru Hirahara
9a94586181
Remove inline margin from "From a thread" (ThreadSummaryIcon) on search result panel on IRC layout (#8892) 2022-06-25 13:59:25 +02:00
Suguru Hirahara
ca93076d85
Display description of E2E advanced panel as subsection text (#8889) 2022-06-25 13:55:04 +02:00
Suguru Hirahara
e49aac7b3f
Improve integration manager dialog style (#8888) 2022-06-25 13:54:07 +02:00
Šimon Brandner
663bca559f
Implement MSC3827: Filtering of /publicRooms by room type (#8866) 2022-06-24 15:08:00 +00:00
Suguru Hirahara
18c21d77cd
Remove references to mx_GroupLayout from scss files (#8875) 2022-06-20 18:55:47 +02:00
Suguru Hirahara
14a8b1e69e
Set 100% max-width to display name on reply tiles (#8867) 2022-06-20 16:26:34 +02:00
Suguru Hirahara
98dffebfef
Fix alignment of pill letter (#8874) 2022-06-20 06:11:13 +02:00
Suguru Hirahara
769efa3074
Move the beta pill to the right side and display the pill on video room only (#8873) 2022-06-19 14:52:58 +00:00
Suguru Hirahara
cfbe1cb066
Stop using absolute property to place beta pill on RoomPreviewCard (#8872) 2022-06-19 14:35:04 +02:00
Suguru Hirahara
b1e07e8ef0
Make the pill text single line (#8744) 2022-06-19 11:56:37 +02:00
Suguru Hirahara
a434402b41
Hide overflow of public room description on spotlight dialog result (#8870) 2022-06-19 11:51:24 +02:00
Suguru Hirahara
ee4484fa40
Use spacing variables on _SpotlightDialog.scss (#8871) 2022-06-19 11:50:32 +02:00
Suguru Hirahara
da9f2f6caa
Improve _InviteDialog.scss by applying spacing variables (#8869) 2022-06-19 10:17:05 +02:00
Suguru Hirahara
edf071acae
Fix position of message action bar on the info tile on TimelineCard in message bubble layout (#8865) 2022-06-18 14:29:04 +00:00
Suguru Hirahara
e8f56c26d0
Remove inline start margin from display name in reply tile on the timeline with a maximized widget (#8864) 2022-06-18 14:27:17 +00:00
Suguru Hirahara
c4460d8add
Move EventTile style rules of compact modern layout, enabling it on the right panel as well (#8766) 2022-06-18 15:43:23 +02:00
Janne Mareike Koschinski
162be6ca94
Improve homeserver dropdown dialog styling (#8850) 2022-06-17 16:29:03 +02:00
Suguru Hirahara
239b59d4a8
Tidy _SettingsTab.scss (#8819) 
* Include descedants of mx_SettingsTab_section

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>

* Include descedants of mx_SettingsFlag

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>

* Use logical properties and variables

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

* Include a descedant of mx_SettingsTab_heading

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

* Remove redundant declarations specified by default with _SettingsFlag.scss

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

* Use not logical properties

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

* Include a in mx_SettingsTab

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-17 11:04:52 +02:00
Suguru Hirahara
c5bc91291d
Fix grid blowout on pinned event tiles (#8816) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-17 08:34:33 +02:00
Suguru Hirahara
43f2ee4283
Fix reactions row overflow and gap between reactions (#8813) 2022-06-16 17:47:37 +00:00
Suguru Hirahara
3b28b1100f
Include mx_MessageActionBar_maskButton in mx_MessageActionBar (#8792) 
* Include mx_MessageActionBar_maskButton in mx_MessageActionBar

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-06-16 14:34:56 +01:00
Suguru Hirahara
fe8c267a14
Create a common header on right panel cards on BaseCard (#8808) 
* Remove duplicate declarations and add height and overflow properties

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

* Move mx_TimelineCard__header under mx_BaseCard_header for normalization

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

* Normalize mx_BaseCard_close position

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

* Normalize className of header

- mx_BaseCard_header__ThreadPanel
- mx_BaseCard_header__TimelineCard

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

* Normalize header's button size

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

* Normalize inline start header margin

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

* normalize header bottom margin for PinnedMessagesCard and TimelineCard

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

* Normalize header declarations

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

* Add mixin RightPanelCard

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

* Move common declarations - top level

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

* Move common declarations - mx_BaseCard_header

Remove specific declarations on PinnedMessagesCard

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

* Move common declarations - mx_BaseCard_back and mx_BaseCard_close

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

* Create a common class name - mx_BaseCard_header_title

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

* Create a common class name - mx_BaseCard_header_title - ThreadPanel

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

* Move common declarations - mx_BaseCard_header_title

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

* Move common declarations - span:first-of-type

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

* Remove redundant declarations

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

* Rename a variable to remove --ThreadPanel_header-button-size

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

* Remove class name - mx_BaseCard_header_title

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

* Remove mx_BaseCard_header_title--ThreadPanel and h2 declarations from PinnedMessagesCard

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

* Headers need Heading

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

* Use spacing variables

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

* Move common style rules of mx_ContextualMenu inside mx_BaseCard_header_title to BaseCard

leaving style rules specific to ThreadPanel.

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

* Hide long header title with ellipsis

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

* Merge style rules - BaseCard_header-button-size

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

* Merge style rules - BaseCard_header margin-bottom

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

* Merge style rules - BaseCard back and close margin

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

* Merge style rules - BaseCard back ~ mx_BaseCard_header_title

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

* Merge style rules - mx_BaseCard_header_title

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

* Return special declarations to _ThreadPanel.scss

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

* Remove the mixin

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

* Add mx_BaseCard_header_title_button--option

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

* Remove redundant margin from AppTileFullWidth

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

* Header on mx_RoomSummaryCard - remove default declarations

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

* Remove default declarations from mx_UserInfo

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

* Use variables - _BaseCard.scss

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-16 09:22:45 +02:00
Suguru Hirahara
81c894f2d9
Stop using mx_GroupLayout for styling (#8711) 2022-06-15 17:26:24 +00:00
Suguru Hirahara
1188f1a508
Remove margin from E2E icon between avatar and hidden event (#8584) 
* Remove margin from warning E2E icon between an avatar and a hidden event

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

* Use a variable to ensure the same spacing around the E2E icon

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

* Apply the style to E2E icon

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

* Rename variables

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-15 09:50:35 -06:00
Suguru Hirahara
1b426ce0c8
Organize style rules of AccessSecretStorageDialog to avoid visual bugs (#8395) 
* .mx_AccessSecretStorageDialog

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

* .mx_AccessSecretStorageDialog_primaryContainer

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

* .mx_AccessSecretStorageDialog_titleWithIcon

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

* Adopt BEM style

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-06-15 09:47:25 -06:00
Suguru Hirahara
78ba5e35a3
Fix waveform on a message bubble (#8852) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-15 15:37:08 +00:00
Janne Mareike Koschinski
5096e7b992
Integrate searching public rooms and people into the new search experience (#8707) 
* Implement searching for public rooms and users in new search experience
* Implement loading indicator for spotlight results
* Moved spotlight dialog into own subfolder
* Extract search result avatar into separate component
* Build generic new dropdown menu component
* Build new network menu based on new network dropdown component
* Switch roomdirectory to use new network dropdown
* Replace old networkdropdown with new networkdropdown
* Added component for public room result details
* Extract hooks and subcomponents from SpotlightDialog
* Create new hook to get profile info based for an mxid
* Add hook to automatically re-request search results
* Add hook to prevent out-of-order search results
* Extract member sort algorithm from InviteDialog
* Keep sorting for non-room results stable
* Sort people suggestions using sort algorithm from InviteDialog
* Add copy/copied tooltip for invite link option in spotlight
* Clamp length of topic for public room results
* Add unit test for useDebouncedSearch
* Add unit test for useProfileInfo
* Create cypress test cases for spotlight dialog
* Add test for useLatestResult to prevent out-of-order results
 2022-06-15 16:14:05 +02:00
Suguru Hirahara
37298d7b1b
Remove Riot-era media query declarations of event tile on mobile UI (#8814) 
* Apply style declarations for mobile UI to modern layout, which breaks the current layout

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

* Remove the style declarations to restore the current layout

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

* Readd zero margin for event tile content

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

* Remove a comment

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-15 08:44:39 +02:00
Travis Ralston
39f2bbaaf4
Bring back waveform for voice messages and retain seeking (#8843) 
* Crude way of layering the waveform and seek bar

Not intended for production.

* Use a layout prop instead of something less descriptive

* Fix alignment properly, and play with styles

* Convert back to a ball

* Use `transparent` which makes NVDA happy enough

* Allow keyboards in the seek bar

* Try to make the clock behave more correctly with screen readers

MIDNIGHT

* Remove legacy export

* Remove redundant attr

* Appease the linter
 2022-06-14 18:13:13 -06:00
Šimon Brandner
7da8c51c6b
Improve colors in settings (#7283) 2022-06-14 18:17:10 +00:00
Michael Telatynski
3c5c2bef6d
Remove Piwik support (#8835) 
* Remove all mentions of Piwik

* Kill off all consumer of the old Piwik Analytics module

* Simplify ModalManager interface

* i18n

* Attempt to fix old e2e tests

* Remove unused component

* Iterate PR
 2022-06-14 17:51:51 +01:00
Suguru Hirahara
1dee39f419
Improve help user settings tab styling (#8838) 
* Set the default margin between the debug button and the subsection texts

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

* Remove obsolete style rule for AccessibleButton

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

* Remove the special block margin setting from the reload button

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

* Remove obsolete class name - mx_HelpUserSettingsTab_versions

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

* Replace <br>s for spacing with a margin style declaration

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

* Replace <br> for spacing with a margin style declaration

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

* Remove <br>s for spacing

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

* Apply mx_SettingsTab_subsectionText to the credits list

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

* Apply spacing-16 instead of spacing-12

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-14 15:20:54 +02:00
Suguru Hirahara
d1b95e5491
Remove obsolete style rules for "Show my Communities" which has been removed (#8839) 
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-14 13:43:51 +01:00
Suguru Hirahara
2c751a4fa6
Remove unique settings from labs user settings tab (#8828) 
* Remove redundant style declarations

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

* Remove obsolete float setting

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

* Remove special margin setting

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

* Remove unnecessary specificity

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

* Reset the margin with a variable

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-14 09:05:43 +02:00
Michael Telatynski
b03aa2ebf5
Move room directory Puppeteer tests over to Cypress (#8832) 
* Fix user view percy test by sticking the user avatar colour

* Move room directory Puppeteer tests over to Cypress

* Consolidate import

* Fix tests

* Grab default widths

* Tweak Percy CSS mechanism
 2022-06-13 19:25:39 +01:00
Suguru Hirahara
dfdba46d57
Remove _NotificationUserSettingsTab.scss (#8831) 2022-06-13 17:30:07 +02:00
Suguru Hirahara
95e8a9e419
Fix keyboard shortcuts on settings tab being wrapped (#8825) 
* Fix keyboard shortcuts being wrapped

Setting $spacing-8 gap between the labels and the shortcuts

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

* Add the block margin to the rows, not to the keys

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

* Add the inline margin to the shortcuts, not to the keys

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-13 16:12:48 +02:00
Janne Mareike Koschinski
57dff8131c
Prevent new composer from overflowing from non-breakable text (#8829) 2022-06-13 13:05:41 +02:00
Suguru Hirahara
68ce7bf35e
Remove an obsolete style declaration of .mx_ReplyChain_show (#8743) 
It was added with https://github.com/matrix-org/matrix-react-sdk/pull/6291/files#diff-11808ff6468e6efa5982f414119fcc8a3a3eea4090b1a4ebda8ed6eae732418aR163

It has not been effective for unknown period, and since the layout of the area has changed, it should be able to be safely removed.

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-13 09:17:48 +02:00
Suguru Hirahara
18d7f7c525
Use mx_SettingsTab_subsectionText for the text under the top header of appearance user settings tab (#8822) 2022-06-12 14:52:55 +00:00
Suguru Hirahara
d1d4cc42bc
Use common subheading on sidebar user settings tab (#8823) 2022-06-12 15:12:34 +02:00
Suguru Hirahara
6b40c0b2e3
Tidy _AppearanceUserSettingsTab.scss (#8824) 2022-06-12 15:11:33 +02:00
Suguru Hirahara
89743c9321
Fix clickable area of advanced toggle on appearance user settings tab (#8820) 2022-06-12 13:13:41 +02:00
Šimon Brandner
9b8b1d193e
Disable redacting reactions if we don't have sufficient permissions (#8767) 2022-06-10 18:41:05 +00:00
Suguru Hirahara
1b7e9d95da
Fix flex blowout on image reply (#8809) 
* Set min-width to prevent a flex blowout

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

* Use a native spacing property

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

* Set max-width: 100% to display name inside the image reply

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
 2022-06-10 12:36:17 +01:00
Suguru Hirahara
0d3fe300aa
Enable background color on hover for chat panel and thread panel (#8644) 
* Enable background color on hover for chat panel and thread panel

- Display reactions row on hover
- Use variables

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

* Replace --BaseCard_EventTile-spacing-horizontal with --BaseCard_EventTile-spacing-inline

- horizontal: inline
- vertical: block

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

* mx_EventTile.mx_EventTile_bad[data-layout=bubble] seems to require bubble layout

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-06-10 10:21:22 +02:00