OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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
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 {