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

* Fix style

* Remove previous fix
t3chguy/dedup-icons-17oct
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

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;
}

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;
}
}
}
}