PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Adjust pill CSS

Browse source 
-Remove space after mentions without pill background colour
-Increase space between pill avatar and first letter of the pill by 1px
This commit is contained in:
Luke Barnard 2017-07-20 11:14:54 +01:00
parent f7d282fc8e
commit ccf5d6fc90
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/skins/vector/css/matrix-react-sdk/views/elements/_RichText.scss
View file

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