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

Update the avatar mask so it doesn’t cut off spaces’ avatars anymore (#8849) 

* Update the avatar mask so it doesn’t cut off spaces’ avatars anymore
* Remove unused mask
* Remove unused class
pull/28788/head^2
Janne Mareike Koschinski 2022-06-15 16:32:25 +02:00 committed by GitHub
parent 5096e7b992
commit 9333e609b0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
res/css/structures/_UserMenu.scss
View File

@ -39,13 +39,6 @@ limitations under the License.
margin-left: 10px;
}
.mx_UserMenu_cutout .mx_BaseAvatar {
mask-image: url('$(res)/img/element-icons/roomlist/dnd-avatar-mask.svg');
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
}
.mx_UserMenu_dndBadge {
position: absolute;
bottom: -2px;

5
res/img/element-icons/roomlist/decorated-avatar-mask.svg
View File

@ -1,3 +1,4 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.7161 22.2903C31.5425 20.3595 32 18.2332 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C18.2332 32 20.3595 31.5425 22.2903 30.7161C20.8956 29.6174 20 27.9133 20 26C20 22.6863 22.6863 20 26 20C27.9133 20 29.6174 20.8956 30.7161 22.2903Z" fill="black"/>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m 0,0 v 32 h 26 a 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 6,6 0 0 1 6,6 V 0 Z" />
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 444 B

After

Width:  |  Height:  |  Size: 221 B

3
res/img/element-icons/roomlist/dnd-avatar-mask.svg
View File

@ -1,3 +0,0 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.9999 16.0494C32 16.0329 32 16.0165 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32C18.1985 32 20.2935 31.5566 22.2003 30.7543C21.4347 29.3403 21 27.7209 21 26C21 20.4772 25.4772 16 31 16C31.3375 16 31.671 16.0167 31.9999 16.0494Z" fill="#C1C6CD"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 440 B