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
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
43f2ee4283
Fix reactions row overflow and gap between reactions ( #8813 )
2022-06-16 17:47:37 +00: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
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
54239464fa
Make sure MessageTimestamp is not hidden by EventTile_line ( #8748 )
...
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-02 22:38:39 -04:00
68bc8112b3
Adjust message timestamp position on TimelineCard in non-bubble layouts ( #8745 )
2022-06-02 19:26:48 +02:00
7c57680b93
Fix read avatars overflow from the right chat panel with a maximized widget on bubble message layout ( #8470 )
...
* Fix RR overflow on the right chat panel
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Align with RR outside of info tile
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Use inset-inline property
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-06-02 02:43:07 +00:00
eb977e6e7d
Add padding to event info tile for MessageTimestamp on TimelineCard ( #8639 )
...
* Add padding-right to EventTile_line in EventTile_info on TimelineCard
Also ensure the same padding values are applied to EventTile_line on TimelineCard.
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Remove git diff
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-23 09:52:52 +00:00
348863debb
Move '.mx_ThreadSummary' from _ThreadPanel.scss to _TimelineCard.scss ( #8661 )
2022-05-21 11:34:00 +02:00
bb46846981
Set common horizontal spacing rules for EventTile on the right panel ( #8528 )
...
* Remove an obsolete override against .mx_EventTile_line
- Move &[data-layout=bubble] under mx_ThreadView
- Use variables for .mx_NewRoomIntro
- Move the variable to BaseCard
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Use --ThreadView_group_spacing-end variable
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Apply GenericEventListSummary rules to ThreadView only
This commit stops those declarations from being applied to TimelineCard, which is also applied with mx_ThreadPanel class name.
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Nesting - mx_GenericEventListSummary:not([data-layout=bubble])
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-05-18 14:08:39 +01:00
eb10c3647b
Remove an obsolete declaration for DisambiguatedProfile of EventTile on modern layout ( #8596 )
2022-05-14 15:11:01 +02:00
1fc8009109
Fix padding of messages in threads ( #8574 )
...
* Apply the padding setting of EventTile_line of ThreadView to TimelineCard
Set 2px padding-top and padding-bottom property to EventTile_line on IRC/modern layout of TimelineCard.
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
f
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Move position property of mx_EventTile_e2eIcon from ThreadPanel to TimelineCard
The E2E icon is available only on TimelineCard.
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* yarn run lint:style
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-13 12:04:27 -06:00
c86040b77a
Fix timestamp's position on the chat panel with a maximized widget in IRC layout ( #8464 )
...
Fix avatar's position on the chat panel with a maximized widget in IRC layout
Fix timestamp's position on Message Edits history modal window
Also:
- Align DisambiguatedProfile with reactions row and thread summary with a variable
- Add width property as default
- Use the global variable on _IRCLayout.scss
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-07 03:07:51 +00:00
a01d73ca8b
Set the same margin to the right of NewRoomIntro on TimelineCard ( #8453 )
...
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-05-07 03:06:13 +00:00
12e8534c2b
Implement improved spacing for the thread list and timeline ( #8337 )
...
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
2022-04-29 11:03:39 +00:00
8baa46b0dd
Fix baseline misalignment of thread panel summary by deduplication ( #8413 )
2022-04-27 18:10:27 +01:00
ee2ee3c08c
Implement new Read Receipt design ( #8389 )
...
* feat: introduce new alignment types for tooltip
* feat: introduce new hook for tooltips
* feat: allow using onFocus callback for RovingAccessibleButton
* feat: allow using custom class for ContextMenu
* feat: allow setting tab index for avatar
* refactor: move read receipts out of event tile
* feat: implement new read receipt design
* feat: update SentReceipt to match new read receipts as well
2022-04-22 17:09:44 +02:00
8da6c98201
Tidy style rules of TimelineCard up ( #8315 )
...
* .mx_EventTile_line
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* .mx_ReactionsRow
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* .mx_ThreadInfo
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* .mx_EventTile_avatar
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* .mx_MessageTimestamp
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* .mx_EventTile_msgOption
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* &.mx_EventTile_info
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* .mx_GroupLayout
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* lint
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-14 22:09:10 +00:00
f97572f911
Align media and reactions row on thread panel ( #8312 )
...
* Align reactions row
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Nesting
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Include .mx_EventTile_mediaLine inside .mx_EventTile[data-layout=group]
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-14 15:13:46 -06:00
a59f889f79
Fix padding and border-radius issue of the right panel for chat aka mx_ThreadPanel ( #8307 )
...
* Specify the correct padding to the chat panel aka mx_ThreadPanel
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
* Add border to the right chat panel
Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
2022-04-13 11:33:54 -04:00
8058f812c2
Show room preview bar with maximised widgets ( #8180 )
2022-03-30 11:43:54 +00:00
d0f8cfc376
Make sure to use `mx_DisambiguatedProfile` everywhere ( #8121 )
...
* `mx_SenderProfile` -> `mx_DisambiguatedProfile`
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
* Delete duplicate
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
2022-03-23 05:45:53 +00:00
182aedc3d4
Tweak info message padding in right panel timeline ( #7901 )
2022-02-28 10:23:01 +00:00
d8ac7cf202
Fix thread summary layout for narrow right panel timeline ( #7838 )
2022-02-23 14:03:46 +00:00
bf8438cbb2
Add jump to bottom button for right panel timeline ( #7746 )
2022-02-08 17:35:03 +00:00
81f2b19d32
Tweak timeline card layout ( #7743 )
2022-02-08 13:11:18 +00:00
f938bfaab9
Right panel chat style changes for read receipts and optimizations for smaller widths ( #7297 )
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-12-13 17:46:32 +01:00
4cbed99de3
Add right panel chat timeline ( #7112 )
...
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-11-29 17:06:15 +01:00
Suguru Hirahara