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
56c95467de
Don't show feedback prompts when that UIFeature is disabled ( #9305 )
2022-09-22 15:08:14 +01:00
d89a46289d
use stable reference for active tab in tabbedView ( #9145 )
2022-08-08 14:28:02 +02:00
ed8ccb5d80
Start DM on first message ( #8612 )
2022-08-04 08:19:52 +02:00
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
544957bdad
Use typographical quotes in no threads UI ( #7713 )
2022-02-07 15:13:34 +00:00
9289c0c90f
Refactor `ContextMenu` to use `RovingTabIndex` (more consistent keyboard navigation accessibility) ( #7353 )
...
Split off from https://github.com/matrix-org/matrix-react-sdk/pull/7339
2021-12-17 11:08:56 -06:00
fe24c8ad2a
Improve ThreadPanel ctx menu accessibility ( #7217 )
2021-11-29 17:42:53 +00:00
38750202ee
Design thread list tiles according to mockups ( #7078 )
2021-11-03 18:05:01 +00:00
562a880c7d
Create room threads list view ( #6904 )
...
Implement https://github.com/vector-im/element-web/issues/18957 following requirements:
* Create a new right panel view to list all the threads in a given room.
* Change ThreadView previous phase to be ThreadPanel rather than RoomSummary
* Implement local filters for My and All threads
In addition:
* Create a new TileShape for proper rendering requirements (hiding typing indicator)
* Create new timelineRenderingType for proper rendering requirements
2021-10-14 15:27:35 +02:00
Robin