From 4b66d4a8913711f1a02d8b73d55a1a891acad668 Mon Sep 17 00:00:00 2001 From: Germain Date: Wed, 3 Nov 2021 08:26:41 +0000 Subject: [PATCH] Unbreak IRC layout when thread summary is displayed (#7066) --- res/css/views/rooms/_IRCLayout.scss | 5 +++++ src/components/views/rooms/EventTile.tsx | 11 ++++++++--- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss index 7edfff1e85..204b11219d 100644 --- a/res/css/views/rooms/_IRCLayout.scss +++ b/res/css/views/rooms/_IRCLayout.scss @@ -41,6 +41,11 @@ $irc-line-height: $font-18px; margin-right: $right-padding; } + .mx_ThreadInfo { + margin-right: 0; + margin-left: 0; + } + > .mx_EventTile_msgOption { order: 5; flex-shrink: 0; diff --git a/src/components/views/rooms/EventTile.tsx b/src/components/views/rooms/EventTile.tsx index ad34d7cb1d..c3a561e4c1 100644 --- a/src/components/views/rooms/EventTile.tsx +++ b/src/components/views/rooms/EventTile.tsx @@ -1369,10 +1369,15 @@ export default class EventTile extends React.Component { /> { keyRequestInfo } { actionBar } - { this.props.layout === Layout.IRC && (reactionsRow) } + { this.props.layout === Layout.IRC && <> + { reactionsRow } + { this.renderThreadInfo() } + } - { this.renderThreadInfo() } - { this.props.layout !== Layout.IRC && (reactionsRow) } + { this.props.layout !== Layout.IRC && <> + { reactionsRow } + { this.renderThreadInfo() } + } { msgOption } ) );