Commit Graph

22 Commits (79a2dfe171ec509239a135850ceae6ee580261f0)

Author SHA1 Message Date
Suguru Hirahara 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
Suguru Hirahara 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
Suguru Hirahara 348863debb
Move '.mx_ThreadSummary' from _ThreadPanel.scss to _TimelineCard.scss (#8661) 2022-05-21 11:34:00 +02:00
Suguru Hirahara 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
Suguru Hirahara eb10c3647b
Remove an obsolete declaration for DisambiguatedProfile of EventTile on modern layout (#8596) 2022-05-14 15:11:01 +02:00
Suguru Hirahara 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
Suguru Hirahara 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
Suguru Hirahara 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
Suguru Hirahara 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
Michael Telatynski 8baa46b0dd
Fix baseline misalignment of thread panel summary by deduplication (#8413) 2022-04-27 18:10:27 +01:00
Janne Mareike Koschinski 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
Suguru Hirahara 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
Suguru Hirahara 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
Suguru Hirahara 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
J. Ryan Stinnett 8058f812c2
Show room preview bar with maximised widgets (#8180) 2022-03-30 11:43:54 +00:00
Šimon Brandner 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
J. Ryan Stinnett 182aedc3d4
Tweak info message padding in right panel timeline (#7901) 2022-02-28 10:23:01 +00:00
J. Ryan Stinnett d8ac7cf202
Fix thread summary layout for narrow right panel timeline (#7838) 2022-02-23 14:03:46 +00:00
J. Ryan Stinnett bf8438cbb2
Add jump to bottom button for right panel timeline (#7746) 2022-02-08 17:35:03 +00:00
J. Ryan Stinnett 81f2b19d32
Tweak timeline card layout (#7743) 2022-02-08 13:11:18 +00:00
Timo 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
Timo 4cbed99de3
Add right panel chat timeline (#7112)
Co-authored-by: J. Ryan Stinnett <jryans@gmail.com>
2021-11-29 17:06:15 +01:00