From abb8413c161bef62a25394004013308f945a4d3f Mon Sep 17 00:00:00 2001
From: Luke Barnard <luke@matrix.org>
Date: Thu, 8 Mar 2018 18:00:55 +0000
Subject: [PATCH] Fix gap between avatar and border
With the caveat that this will give a solid background
to group avatars with transparency when they are selected.
---
.../vector/css/matrix-react-sdk/structures/_TagPanel.scss | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss
index 71dad7aa..57149d15 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss
@@ -75,9 +75,15 @@ limitations under the License.
padding: 3px 0px;
}
-.mx_TagPanel .mx_TagTile.mx_TagTile_selected .mx_TagTile_avatar {
+.mx_TagPanel .mx_TagTile.mx_TagTile_selected .mx_TagTile_avatar .mx_BaseAvatar {
border: 3px solid $accent-color;
+ background-color: $accent-color;
border-radius: 60px;
+
+ /* In case this is a "initial" avatar */
+ display: block;
+ height: 35px;
+ width: 35px;
}
.mx_TagPanel .mx_TagTile.mx_AccessibleButton:focus {