Merge pull request #5916 from nextcloud-libraries/fix/5898/ncavatar-b…

…order-radius style(NcAvatar): make border-radius consistent
nextcloud-libraries · Aug 5, 2024 · 1628264 · 1628264
2 parents 9e13fd6 + 8152c9c
commit 1628264
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/NcAvatar/NcAvatar.vue b/src/components/NcAvatar/NcAvatar.vue
@@ -765,8 +765,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);
 		}
 	}
 
@@ -775,7 +776,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;
@@ -844,7 +845,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%;
 }