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

Scale user photo upload with font size

Browse source
This commit is contained in:
Jorik Schellekens 2020-04-16 20:12:53 +01:00
parent 7a0caafb77
commit 83609f0ab2
2 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
res/css/_font-sizes.scss
View file

@ -67,4 +67,5 @@ $font-49px: 3.267rem;
$font-50px: 3.333rem; $font-50px: 3.333rem;
$font-51px: 3.400rem; $font-51px: 3.400rem;
$font-52px: 3.467rem; $font-52px: 3.467rem;
$font-88px: 5.887rem;
$font-400px: 26.667rem; $font-400px: 26.667rem;

8
res/css/views/settings/_AvatarSetting.scss
View file

@ -15,13 +15,13 @@ limitations under the License.
*/ */
.mx_AvatarSetting_avatar { .mx_AvatarSetting_avatar {
width: 88px; width: $font-88px;
height: 88px; height: $font-88px;
margin-left: 13px; margin-left: 13px;
position: relative; position: relative;
& > * { & > * {
width: 88px; width: $font-88px;
box-sizing: border-box; box-sizing: border-box;
} }
@ -63,7 +63,7 @@ limitations under the License.
& > img, & > img,
.mx_AvatarSetting_avatarPlaceholder { .mx_AvatarSetting_avatarPlaceholder {
display: block; display: block;
height: 88px; height: $font-88px;
border-radius: 4px; border-radius: 4px;
} }