From 562c7be6877ea9837810f671ed55cacc948ae07c Mon Sep 17 00:00:00 2001 From: Maksim Sukharev Date: Fri, 2 Aug 2024 15:29:44 +0200 Subject: [PATCH 1/2] style(NcAvatar): make button element round as avatar itself Signed-off-by: Maksim Sukharev --- src/components/NcAvatar/NcAvatar.vue | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/NcAvatar/NcAvatar.vue b/src/components/NcAvatar/NcAvatar.vue index e504975b87..1ff99926e5 100644 --- a/src/components/NcAvatar/NcAvatar.vue +++ b/src/components/NcAvatar/NcAvatar.vue @@ -772,6 +772,9 @@ export default { min-width: var(--size); } } + & > :deep(.button-vue) { + --button-radius: calc(var(--button-size) / 2); + } } .avatardiv__initials-wrapper { From 7ea01b84e8ff50865efa0770f1ab0cd56a9e8390 Mon Sep 17 00:00:00 2001 From: Maksim Sukharev Date: Fri, 2 Aug 2024 15:29:44 +0200 Subject: [PATCH 2/2] style(NcAvatar): make border-radius consistent Signed-off-by: Maksim Sukharev --- src/components/NcAvatar/NcAvatar.vue | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/NcAvatar/NcAvatar.vue b/src/components/NcAvatar/NcAvatar.vue index 1ff99926e5..f7aa2b73b9 100644 --- a/src/components/NcAvatar/NcAvatar.vue +++ b/src/components/NcAvatar/NcAvatar.vue @@ -772,8 +772,9 @@ export default { min-width: var(--size); } } - & > :deep(.button-vue) { - --button-radius: calc(var(--button-size) / 2); + & > :deep(.button-vue), + & > :deep(.action-item .button-vue) { + --button-radius: calc(var(--size) / 2); } } @@ -782,7 +783,7 @@ export default { height: var(--size); width: var(--size); background-color: var(--color-main-background); - border-radius: 50%; + border-radius: calc(var(--size) / 2); .avatardiv__initials { position: absolute; @@ -851,7 +852,7 @@ export default { .avatar-class-icon { display: block; - border-radius: 50%; + border-radius: calc(var(--size) / 2); background-color: var(--color-background-darker); height: 100%; }