Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-15 20:54:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix avatar in right panel not using the correct font (#11593)

Browse Source 
* Fix style

* Remove previous fix
This commit is contained in:
R Midhun Suresh 2023-09-11 14:57:12 +05:30 committed by GitHub
parent 8837e5212a
commit 3c6d8a2a28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
res/css/views/avatars/_BaseAvatar.pcss
View File

@ -24,9 +24,9 @@ limitations under the License.
}
button.mx_BaseAvatar {
/* The user agent stylesheet overrides the font-size & line-height in this scenario
And that breaks the alignment, emojis, and all sorts of things
/* <button> is a form element and by default it uses the user agent (browser) styling.
We want it to inherit the font-family and line-height from its parent.
*/
font-size: inherit;
font-family: inherit;
line-height: inherit;
}

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

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