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
Suguru Hirahara
9933c31c61
Run 'yarn rethemendex' ( #8890 )
...
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com >
2022-06-25 11:29:16 +01: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
9333e609b0
Update the avatar mask so it doesn’t cut off spaces’ avatars anymore ( #8849 )
...
* Update the avatar mask so it doesn’t cut off spaces’ avatars anymore
* Remove unused mask
* Remove unused class
2022-06-15 14:32:25 +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
cda18a3dfb
Improve CSS rules of zoom buttons on live location ( #8728 )
...
* Use flex to stop redundant margin-top from appearing
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com >
* Remove ButtonResetDefault which resets nothing
It should be avoided to use ButtonResetDefault where there is nothing to be reset, in order to prevent resources from being wasted.
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com >
* Ensure that unexpected regressions will never happen on the buttons and their icons
Rules can be extracted when needed. Until then there is no point of exposing elements to possible regressions, which could easily happen on the current architecture.
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com >
* Use SASS variables and remove a redundant declaration
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com >
2022-06-13 09:23:49 +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