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

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

* Fix style

* Remove previous fix
pull/28788/head^2
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 { button.mx_BaseAvatar {
/* The user agent stylesheet overrides the font-size & line-height in this scenario /* <button> is a form element and by default it uses the user agent (browser) styling.
And that breaks the alignment, emojis, and all sorts of things We want it to inherit the font-family and line-height from its parent.
*/ */
font-size: inherit; font-family: inherit;
line-height: 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; 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%;
@ -255,11 +250,6 @@ 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;
}
} }
} }
} }