From 7d8b53c416ad570456f3b104bc65ab5a8f3f7127 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0imon=20Brandner?= Date: Thu, 23 Dec 2021 14:03:11 +0100 Subject: [PATCH 1/4] Center call tiles in bubble layout MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Šimon Brandner --- res/css/views/rooms/_EventBubbleTile.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss index 92daa223f73..11db7d5b2fa 100644 --- a/res/css/views/rooms/_EventBubbleTile.scss +++ b/res/css/views/rooms/_EventBubbleTile.scss @@ -314,6 +314,10 @@ limitations under the License. .mx_MTextBody { max-width: 100%; } + + .mx_CallEvent_wrapper { + justify-content: center; + } } .mx_EventTile.mx_EventTile_noBubble[data-layout=bubble] { From 8faec640a4e54320354b189e3c6b770219d29710 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0imon=20Brandner?= Date: Thu, 23 Dec 2021 14:04:01 +0100 Subject: [PATCH 2/4] Color call events by sender MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Šimon Brandner --- res/css/views/rooms/_EventBubbleTile.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss index 11db7d5b2fa..c8b4def90bb 100644 --- a/res/css/views/rooms/_EventBubbleTile.scss +++ b/res/css/views/rooms/_EventBubbleTile.scss @@ -106,6 +106,10 @@ limitations under the License. transform: translate3d(90%, 50%, 0); } + .mx_CallEvent { + background-color: $eventbubble-others-bg; + } + --backgroundColor: $eventbubble-others-bg; } &[data-self=true] { @@ -150,6 +154,10 @@ limitations under the License. right: -35px; } + .mx_CallEvent { + background-color: $eventbubble-self-bg; + } + --backgroundColor: $eventbubble-self-bg; } From 535d0bd0f32bb7b3088fc99f01332ab5accce923 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0imon=20Brandner?= Date: Thu, 23 Dec 2021 14:11:13 +0100 Subject: [PATCH 3/4] Fix timestamp position in bubble messages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Šimon Brandner --- res/css/views/rooms/_EventBubbleTile.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss index c8b4def90bb..8a68b069452 100644 --- a/res/css/views/rooms/_EventBubbleTile.scss +++ b/res/css/views/rooms/_EventBubbleTile.scss @@ -365,7 +365,7 @@ limitations under the License. // Align timestamps with those of normal bubble tiles right: auto; top: -11px; - left: -95px; + left: -77px; } } From 388313b8bdaf13d7c608009693cc54ed26b8cb60 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=A0imon=20Brandner?= Date: Tue, 11 Jan 2022 17:34:31 +0100 Subject: [PATCH 4/4] Update the look of bubble call tiles MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Šimon Brandner --- res/css/views/rooms/_EventBubbleTile.scss | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss index f06d44d7099..c086319372f 100644 --- a/res/css/views/rooms/_EventBubbleTile.scss +++ b/res/css/views/rooms/_EventBubbleTile.scss @@ -100,6 +100,14 @@ limitations under the License. padding-right: 48px; } + .mx_CallEvent { + background-color: unset; + + border-style: solid; + border-width: 1px; + border-color: $quinary-content; + } + &[data-self=false] { .mx_EventTile_line { border-bottom-right-radius: var(--cornerRadius); @@ -112,10 +120,6 @@ limitations under the License. left: -34px; } - .mx_CallEvent { - background-color: $eventbubble-others-bg; - } - --backgroundColor: $eventbubble-others-bg; } &[data-self=true] { @@ -156,7 +160,7 @@ limitations under the License. right: -35px; } - .mx_CallEvent, .mx_MediaBody { + .mx_MediaBody { background: $eventbubble-self-bg; }