imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add blurred, blended avatar background to left panel

Browse source
This commit is contained in:
Bruno Windels 2020-06-30 13:02:52 +02:00
parent c0a9af945c
commit 6fc4be386a
6 changed files with 30 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/structures/UserMenu.tsx
View file

@ -283,6 +283,9 @@ export default class UserMenu extends React.Component<IProps, IState> {
public render() {
const avatarSize = 32; // should match border-radius of the avatar
const {body} = document;
const avatarUrl = OwnProfileStore.instance.getHttpAvatarUrl(avatarSize);
body.style.setProperty("--avatar-url", `url('${avatarUrl}')`);
let name = <span className="mx_UserMenu_userName">{OwnProfileStore.instance.displayName}</span>;
let buttons = (