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

[Backport staging] Fix vertical alignment of default avatar font (#11592)

Browse source 
Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
ElementRobot 2023-09-08 12:56:59 +02:00 • committed by GitHub
parent 9834686e90
commit 06ab698269
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
res/css/views/avatars/_BaseAvatar.pcss
View file

@ -24,8 +24,9 @@ limitations under the License.
} }
button.mx_BaseAvatar { button.mx_BaseAvatar {
/* The user agent stylesheet overrides the font-size in this scenario /* The user agent stylesheet overrides the font-size & line-height in this scenario
And that breaks the alignment, emojis, and all sorts of things And that breaks the alignment, emojis, and all sorts of things
*/ */
font-size: inherit; font-size: inherit;
line-height: inherit;
} }

10
res/css/views/right_panel/_UserInfo.pcss
View file

@ -99,6 +99,11 @@ limitations under the License.
margin: 0 auto; margin: 0 auto;
transition: 0.5s; transition: 0.5s;
.mx_BaseAvatar {
/* Override the calculated font-size so that the letter isn't tiny */
font-size: 4rem;
}
.mx_BaseAvatar, .mx_BaseAvatar,
.mx_BaseAvatar img { .mx_BaseAvatar img {
width: 100%; width: 100%;
@ -250,6 +255,11 @@ limitations under the License.
max-width: 72px; max-width: 72px;
margin: 0 auto; margin: 0 auto;
} }
.mx_BaseAvatar {
/* Override the calculated font-size so that the letter isn't tiny */
font-size: 2rem;
}
} }
} }
} }