From abb8413c161bef62a25394004013308f945a4d3f Mon Sep 17 00:00:00 2001 From: Luke Barnard 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 71dad7aa4..57149d159 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 {