refactor animal avatar font-size to automatically scale with parents
parent
8d579c0376
commit
c630abb3c5
|
@ -40,7 +40,13 @@
|
|||
color: @cp_avatar-fg;
|
||||
font-size: @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 {
|
||||
min-height: @avatar-width;
|
||||
|
|
|
@ -200,9 +200,6 @@
|
|||
.avatar_main(30px);
|
||||
.cp-avatar-default, media-tag {
|
||||
margin-right: 5px;
|
||||
&.animal {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
&.cp-userlist-clickable {
|
||||
cursor: pointer;
|
||||
|
|
Loading…
Reference in New Issue