From e7b2d6bb65c31967f026dac749fab8707db46ffb Mon Sep 17 00:00:00 2001 From: prssanna Date: Thu, 30 Jul 2020 14:24:48 +0530 Subject: [PATCH] fix: update avatar group style --- frappe/public/scss/avatar.scss | 35 ++++++++++++++++++++++++++-------- frappe/public/scss/kanban.scss | 6 +++++- 2 files changed, 32 insertions(+), 9 deletions(-) diff --git a/frappe/public/scss/avatar.scss b/frappe/public/scss/avatar.scss index 8544891787..f974c446fa 100644 --- a/frappe/public/scss/avatar.scss +++ b/frappe/public/scss/avatar.scss @@ -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 { diff --git a/frappe/public/scss/kanban.scss b/frappe/public/scss/kanban.scss index 503b9edd3b..1724eedf33 100644 --- a/frappe/public/scss/kanban.scss +++ b/frappe/public/scss/kanban.scss @@ -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; + } } }