refactor animal avatar font-size to automatically scale with parents

pull/1/head
ansuz 3 years ago
parent 8d579c0376
commit c630abb3c5

@ -40,7 +40,13 @@
color: @cp_avatar-fg; color: @cp_avatar-fg;
font-size: @avatar-font-size; font-size: @avatar-font-size;
font-size: var(--avatar-font-size); font-size: var(--avatar-font-size);
text-transform: capitalize; .animal {
font-size: 20px;
// scale animal avatar to be somewhat larger, because:
// 1. emojis are wider than most latin characters
// 2. they should occupy the width of two average characters
font-size: calc(var(--avatar-width) * (6/5));
}
} }
media-tag { media-tag {
min-height: @avatar-width; min-height: @avatar-width;

@ -200,9 +200,6 @@
.avatar_main(30px); .avatar_main(30px);
.cp-avatar-default, media-tag { .cp-avatar-default, media-tag {
margin-right: 5px; margin-right: 5px;
&.animal {
font-size: 20px;
}
} }
&.cp-userlist-clickable { &.cp-userlist-clickable {
cursor: pointer; cursor: pointer;

Loading…
Cancel
Save