Adjust pill CSS

-Remove space after mentions without pill background colour
-Increase space between pill avatar and first letter of the pill by 1px
pull/4665/head
Luke Barnard 2017-07-20 11:14:54 +01:00
parent f7d282fc8e
commit ccf5d6fc90
1 changed files with 5 additions and 3 deletions

View File

@ -4,7 +4,6 @@
.mx_UserPill, .mx_UserPill,
.mx_RoomPill { .mx_RoomPill {
padding: 0px 5px 0px 2px;
border-radius: 16px; border-radius: 16px;
display: inline-block; display: inline-block;
height: 20px; height: 20px;
@ -20,20 +19,23 @@
.mx_EventTile_highlight .mx_EventTile_content .markdown-body a.mx_UserPill_me { .mx_EventTile_highlight .mx_EventTile_content .markdown-body a.mx_UserPill_me {
color: $accent-fg-color; color: $accent-fg-color;
background-color: $mention-user-pill-bg-color; background-color: $mention-user-pill-bg-color;
padding-right: 5px;
} }
/* More specific to override `.markdown-body a` color */ /* More specific to override `.markdown-body a` color */
.mx_EventTile_content .markdown-body a.mx_RoomPill, .mx_EventTile_content .markdown-body a.mx_RoomPill,
.mx_RoomPill { .mx_RoomPill {
background-color: $rte-room-pill-color;
color: $accent-fg-color; color: $accent-fg-color;
background-color: $rte-room-pill-color;
padding-right: 5px;
} }
.mx_UserPill .mx_BaseAvatar, .mx_UserPill .mx_BaseAvatar,
.mx_RoomPill .mx_BaseAvatar { .mx_RoomPill .mx_BaseAvatar {
position: relative; position: relative;
top: 2px; top: 2px;
margin-right: 1px; margin-left: 2px;
margin-right: 2px;
} }
.mx_Markdown_BOLD { .mx_Markdown_BOLD {