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

Merge pull request #4597 from vector-im/luke/css-matrixto-timeline-pills

Browse source 
Make some adjustments to mx_UserPill and mx_RoomPill
This commit is contained in:
Luke Barnard 2017-07-19 17:26:13 +01:00 committed by GitHub
commit f7d282fc8e
2 changed files with 25 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2,23 +2,38 @@
// 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_UserPill,
color: $accent-fg-color; .mx_RoomPill {
background-color: $accent-color; padding: 0px 5px 0px 2px;
padding: 1px 5px 0px 2px;
border-radius: 16px; border-radius: 16px;
display: inline-block;
height: 20px;
line-height: 20px;
} }
.mx_UserPill img, .mx_RoomPill img { /* More specific to override `.markdown-body a` color */
vertical-align: -2px; .mx_EventTile_content .markdown-body a.mx_UserPill,
margin-right: 1px .mx_UserPill {
color: $primary-fg-color;
} }
.mx_EventTile_highlight .mx_EventTile_content .markdown-body a.mx_UserPill_me {
color: $accent-fg-color;
background-color: $mention-user-pill-bg-color;
}
/* 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 {

1
src/skins/vector/css/themes/_base.scss
View file

@ -19,6 +19,7 @@ $focus-brightness: 125%;
// red warning colour // red warning colour
$warning-color: #ff0064; $warning-color: #ff0064;
$mention-user-pill-bg-color: #ff0064;
$preview-bar-bg-color: #f7f7f7; $preview-bar-bg-color: #f7f7f7;