From 561b8752b95fbd8b157b014068c0eec6ee4db313 Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Fri, 31 Jul 2020 14:23:24 +0200 Subject: [PATCH 1/3] actually center the icon --- res/css/views/rooms/_JumpToBottomButton.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/res/css/views/rooms/_JumpToBottomButton.scss b/res/css/views/rooms/_JumpToBottomButton.scss index cb3803fe5b..c4408b4dd1 100644 --- a/res/css/views/rooms/_JumpToBottomButton.scss +++ b/res/css/views/rooms/_JumpToBottomButton.scss @@ -69,6 +69,6 @@ limitations under the License. right: 0; mask: url('$(res)/img/icon-jump-to-bottom.svg'); mask-repeat: no-repeat; - mask-position: 9px 14px; + mask-position: center; background: $muted-fg-color; } From 29e17af2f88920591bac87ad835cdc73c0b18af4 Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Fri, 31 Jul 2020 14:30:38 +0200 Subject: [PATCH 2/3] scale the icon a bit, as centering changed it's size --- res/css/views/rooms/_JumpToBottomButton.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/res/css/views/rooms/_JumpToBottomButton.scss b/res/css/views/rooms/_JumpToBottomButton.scss index c4408b4dd1..4659442d9b 100644 --- a/res/css/views/rooms/_JumpToBottomButton.scss +++ b/res/css/views/rooms/_JumpToBottomButton.scss @@ -70,5 +70,6 @@ limitations under the License. mask: url('$(res)/img/icon-jump-to-bottom.svg'); mask-repeat: no-repeat; mask-position: center; + mask-size: 50%; background: $muted-fg-color; } From 6b667a93bd0adfc3bda87bb8c65d1091ab884472 Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Fri, 31 Jul 2020 14:39:34 +0200 Subject: [PATCH 3/3] also center chevron in top unread button --- res/css/views/rooms/_TopUnreadMessagesBar.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/res/css/views/rooms/_TopUnreadMessagesBar.scss b/res/css/views/rooms/_TopUnreadMessagesBar.scss index c0545660c2..d9970ef037 100644 --- a/res/css/views/rooms/_TopUnreadMessagesBar.scss +++ b/res/css/views/rooms/_TopUnreadMessagesBar.scss @@ -28,7 +28,7 @@ limitations under the License. content: ""; position: absolute; top: -8px; - left: 11px; + left: 10.5px; width: 4px; height: 4px; border-radius: 16px; @@ -49,11 +49,12 @@ limitations under the License. .mx_TopUnreadMessagesBar_scrollUp::before { content: ""; position: absolute; - width: 38px; - height: 38px; + width: 36px; + height: 36px; mask-image: url('$(res)/img/icon-jump-to-first-unread.svg'); mask-repeat: no-repeat; - mask-position: 9px 13px; + mask-position: center; + mask-size: 50%; background: $muted-fg-color; }