fix: update avatar group style

This commit is contained in:
prssanna 2020-07-30 14:24:48 +05:30
parent c88ac0f041
commit e7b2d6bb65
2 changed files with 32 additions and 9 deletions

View file

@ -100,22 +100,41 @@
justify-content: flex-end;
}
.avatar-action {
display: none;
margin-left: var(--margin-sm);
.icon {
use {
stroke: var(--grey-500);
}
}
}
// .avatar-small {
// width: 24px;
// height: 24px;
// }
&:hover {
.avatar {
margin-left: 12px;
}
.avatar-action {
display: block;
}
}
.avatar {
position: relative;
.avatar-frame {
border: 1px solid $white;
}
&:hover {
z-index: 1;
}
}
.avatar-extra-count {
font-size: var(--text-md);
font-weight: 500;
color: $white;
background-color: var(--blue-500);
font-size: var(--text-sm);
}
.avatar+.avatar {

View file

@ -88,7 +88,7 @@
@include card($padding: 10px 15px);
margin-top: var(--margin-sm);
width: 260px;
min-height: 100px;
min-height: 110px;
display: flex;
justify-content: space-between;
flex-direction: column;
@ -190,6 +190,10 @@
.kanban-card-meta {
.kanban-assignments {
float: right;
.avatar {
cursor: default;
}
}
}