fix(contactsmenu): adjust padding to new design

Signed-off-by: Richard Steinmetz <[email protected]>
nextcloud · Jan 29, 2025 · 958fb8e · 958fb8e
1 parent baa40e6
commit 958fb8e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 10 deletions.
diff --git a/core/src/components/ContactsMenu/Contact.vue b/core/src/components/ContactsMenu/Contact.vue
@@ -38,14 +38,19 @@
 					{{ action.title }}
 				</NcActionText>
 			</template>
+			<NcActionButton :close-after-click="true">
+				<template #icon>
+					<MailIcon :size="20" />
+				</template>
+				Mail action
+			</NcActionButton>
 			<NcActionButton v-for="action in jsActions"
 				:key="action.id"
 				:close-after-click="true"
 				class="other-actions"
 				@click="action.callback(contact)">
 				<template #icon>
-					<NcIconSvgWrapper class="contact__action__icon-svg"
-						:svg="action.iconSvg(contact)" />
+					<NcIconSvgWrapper :svg="action.iconSvg(contact)" />
 				</template>
 				{{ action.displayName(contact) }}
 			</NcActionButton>
@@ -114,13 +119,9 @@ export default {
 		&__icon {
 			width: 20px;
 			height: 20px;
-			padding: 12px;
+			padding: 7px;
 			filter: var(--background-invert-if-dark);
 		}
-
-		&__icon-svg {
-			padding: 5px;
-		}
 	}
 
 	&__avatar {

diff --git a/dist/core-main.js b/dist/core-main.js
diff --git a/dist/core-main.js.map b/dist/core-main.js.map