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

Make some adjustments to mx_UserPill and mx_RoomPill

Browse source 
So that they can appear correctly in the body of a text message.
This commit is contained in:
Luke Barnard 2017-07-17 14:52:08 +01:00
parent cb4f57eb4a
commit 0e71ea7a5a
1 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2,23 +2,34 @@
// naming scheme; it's completely unclear where or how they're being used // naming scheme; it's completely unclear where or how they're being used
// --Matthew // --Matthew
.mx_UserPill,
.mx_RoomPill {
padding: 0px 5px 0px 2px;
border-radius: 16px;
display: inline-block;
height: 20px;
line-height: 20px;
}
/* More specific to override `.markdown-body a` color */
.mx_EventTile_content .markdown-body a.mx_UserPill,
.mx_UserPill { .mx_UserPill {
color: $accent-fg-color; color: $accent-fg-color;
background-color: $accent-color; background-color: $accent-color;
padding: 1px 5px 0px 2px;
border-radius: 16px;
}
.mx_UserPill img, .mx_RoomPill img {
vertical-align: -2px;
margin-right: 1px
} }
/* More specific to override `.markdown-body a` color */
.mx_EventTile_content .markdown-body a.mx_RoomPill,
.mx_RoomPill { .mx_RoomPill {
background-color: $rte-room-pill-color; background-color: $rte-room-pill-color;
color: $accent-fg-color; color: $accent-fg-color;
padding: 1px 5px 0px 2px; }
border-radius: 16px;
.mx_UserPill .mx_BaseAvatar,
.mx_RoomPill .mx_BaseAvatar {
position: relative;
top: 2px;
margin-right: 1px;
} }
.mx_Markdown_BOLD { .mx_Markdown_BOLD {