Conversations have blue avatar backgrounds if no image provided
This commit is contained in:
parent
4514152320
commit
f21f83a163
3 changed files with 11 additions and 1 deletions
|
@ -1375,7 +1375,7 @@
|
||||||
|
|
||||||
getColor() {
|
getColor() {
|
||||||
if (!this.isPrivate()) {
|
if (!this.isPrivate()) {
|
||||||
return null;
|
return 'signal-blue';
|
||||||
}
|
}
|
||||||
|
|
||||||
const { migrateColor } = Util;
|
const { migrateColor } = Util;
|
||||||
|
|
|
@ -2036,6 +2036,9 @@
|
||||||
background-color: $color-conversation-grey;
|
background-color: $color-conversation-grey;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.module-avatar--signal-blue {
|
||||||
|
background-color: $color-signal-blue;
|
||||||
|
}
|
||||||
.module-avatar--red {
|
.module-avatar--red {
|
||||||
background-color: $color-conversation-red;
|
background-color: $color-conversation-red;
|
||||||
}
|
}
|
||||||
|
|
|
@ -60,6 +60,13 @@
|
||||||
### All colors
|
### All colors
|
||||||
|
|
||||||
```jsx
|
```jsx
|
||||||
|
<Avatar
|
||||||
|
size={28}
|
||||||
|
color="signal-blue"
|
||||||
|
name="Group"
|
||||||
|
conversationType="group"
|
||||||
|
i18n={util.i18n}
|
||||||
|
/>
|
||||||
<Avatar
|
<Avatar
|
||||||
size={28}
|
size={28}
|
||||||
color="red"
|
color="red"
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue