sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Avatar outline on safari & center (#5997)

Browse Source
This commit is contained in:
David Luzar 2022-12-16 18:18:34 +01:00 committed by GitHub
parent bdb14723b3
commit 88c2812949
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Avatar.scss
View File

@ -4,8 +4,8 @@
.Avatar { .Avatar {
width: 1.25rem; width: 1.25rem;
height: 1.25rem; height: 1.25rem;
position: relative;
border-radius: 100%; border-radius: 100%;
outline: 2px solid var(--avatar-border-color);
outline-offset: 2px; outline-offset: 2px;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -21,5 +21,16 @@
height: 100%; height: 100%;
border-radius: 100%; border-radius: 100%;
} }
&::before {
content: "";
position: absolute;
top: -3px;
right: -3px;
bottom: -3px;
left: -3px;
border: 1px solid var(--avatar-border-color);
border-radius: 100%;
}
} }
} }

1
src/components/UserList.scss
View File

@ -7,6 +7,7 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-end; justify-content: flex-end;
align-items: center;
gap: 0.625rem; gap: 0.625rem;
&:empty { &:empty {