Florian Duros
1190de9028
Migrate `TooltipTarget` usage to compound `Tooltip` ( #12542 )
...
* Use new tooltip in `RoomTopic.tsx`
* Use new tooltip in `MLocationBody.tsx`
* Fix room topic
* Update location snapshot
* Use new tooltip in `AppPermission.tsx`
* Remove `TooltipTarget`
* Add tests for `RoomTopic`
2024-05-22 12:15:07 +00:00
Michael Telatynski
eee0b2a9c3
Add room topic to right panel room info ( #12503 )
...
* Add room topic to right panel room info
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Tweak styles
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshot
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Iterate
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Iterate
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Add snapshot tests
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
* Update snapshots
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
---------
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2024-05-10 10:00:43 +00:00
Robin
26b4d47af1
Refine the colors of some more components ( #12343 )
...
* Refine the colors of some more components
This is a reintroduction of https://github.com/matrix-org/matrix-react-sdk/pull/12255 , and should be the last part of the Compound color refinement work (https://github.com/element-hq/element-web/issues/26992 ). I've updated the following components to reflect design decisions (https://www.figma.com/file/pqhlirZFEwEp5XpudSbiia/Theming-Web-templates?type=design&node-id=80-60219&mode=design&t=mjqwylUie1vRwzOV-0 ) that will help them fit in better with the new design system:
- Message bubbles
- Pills
- Sent indicators
- Jump to bottom/unread buttons
- Composer placeholder
- Notification badges
- Room sublists
- Verification shields
- Date separators
- Tooltips
Closes https://github.com/element-hq/element-web/issues/22122
* Update some screenshots
2024-03-18 15:47:55 +00:00
Robin
6eafe0e5a8
Refine styles of controls to match Compound ( #12299 )
...
This changes the styles of buttons, other form controls, and tabs in settings to:
1. Improve their usage of semantic colors, so that they adapt correctly to custom themes
2. Make them more visually coherent with the new Compound design system, as we integrate more of it into the app
This is a re-introduction of https://github.com/matrix-org/matrix-react-sdk/pull/12241 with the difference that we're now using our branding colors again on form colors, and buttons have become rounded to match the appearance of new Compound buttons.
2024-03-05 04:25:47 +00:00
Florian Duros
ac435c8d4e
Revert "Refine menu, toast, and popover colors ( #12247 )" ( #12263 )
...
This reverts commit 0856c7617d
.
Co-authored-by: David Langley <langley.dave@gmail.com>
2024-02-20 13:54:33 +00:00
Robin
0856c7617d
Refine menu, toast, and popover colors ( #12247 )
...
So that they use Compound semantic colors correctly and appear more similar to the real components now found in Compound.
2024-02-14 22:30:16 +00:00
R Midhun Suresh
a8949ea97c
Playwright: Convert `e2e/threads` ( #12066 )
...
* Convert tests
* Update comment
* Use addInitScript
* Add thread-id to sendMessage method
* Update screenshot
* Change signature
* Fix prettier
2024-01-05 09:56:54 +00:00