haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(contact-list): update avatar sizing 

With interfaceConfig.SHOW_CONTACTLIST_AVATARS, the avatars in the
contact list are too big and will overlap each other. Constrain
the avatar sizes and make each contact a little taller to better
space each out.
This commit is contained in:
Leonard Kim 2017-08-30 13:53:12 -07:00 committed by yanas
parent cd3dad956b
commit 4938d1b6de
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
css/_contact_list.scss
View File

@ -23,14 +23,16 @@
#contacts { #contacts {
>li { >li {
display: block; align-items: center;
border-radius: 3px;
color: $baseLight;
display: flex;
font-size: 14px;
height: 36px;
list-style-type: none; list-style-type: none;
padding: 0 10%;
text-align: left; text-align: left;
white-space: nowrap; white-space: nowrap;
color: $baseLight;
font-size: 16px;
padding: 0 10%;
height: 27px;
&:hover, &:hover,
&:active { &:active {
@ -38,13 +40,15 @@
} }
> p { > p {
display: inline-block;
vertical-align: middle;
margin: 0px;
width: 100%;
line-height: 1.5em;
text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis;
}
.avatar {
cursor: pointer;
height: 24px;
margin: 0 8px 0 4px;
width: 24px;
} }
} }
} }