From 1006c0c2eadc909d82c2561c5e1d42b030ea2589 Mon Sep 17 00:00:00 2001
From: Kerem Semiz <kerox350@gmail.com>
Date: Tue, 25 Mar 2025 16:00:03 +0000
Subject: [PATCH 1/5] Fixes #10101 to button styling Styling fixes to
 confirmation modal.

---
 src/components/ConfirmationModal.vue | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/ConfirmationModal.vue b/src/components/ConfirmationModal.vue
index eb69de4ee8..9ecbcae800 100644
--- a/src/components/ConfirmationModal.vue
+++ b/src/components/ConfirmationModal.vue
@@ -67,11 +67,31 @@ export default {
 
 <style lang="scss" scoped>
 .confirm-modal {
-	padding: 20px;
+	padding: 24px 32px;
+
+	h2 {
+		margin-bottom: 20px;
+		font-size: 24px;
+		font-weight: 600;
+	}
 
 	&__buttons {
 		display: flex;
-		justify-content: space-between;
+		justify-content: flex-end;
+		gap: 16px;
+		margin-top: 30px;
+		padding-top: 20px;
+
+		:deep(button) {
+			padding: 10px 20px;
+			border-radius: 8px;
+			font-weight: 500;
+			transition: background 0.2s ease;
+
+			&:hover:not(:disabled) {
+				filter: brightness(1.05);
+			}
+		}
 	}
 }
 </style>

From 414c9cbac40220a16fb0482d22de56ac3ae65ec4 Mon Sep 17 00:00:00 2001
From: Kerem Semiz <kerox350@gmail.com>
Date: Thu, 27 Mar 2025 11:16:29 +0000
Subject: [PATCH 2/5] Update

---
 src/components/ConfirmationModal.vue | 22 ----------------------
 1 file changed, 22 deletions(-)

diff --git a/src/components/ConfirmationModal.vue b/src/components/ConfirmationModal.vue
index 9ecbcae800..caca2a307c 100644
--- a/src/components/ConfirmationModal.vue
+++ b/src/components/ConfirmationModal.vue
@@ -67,31 +67,9 @@ export default {
 
 <style lang="scss" scoped>
 .confirm-modal {
-	padding: 24px 32px;
-
-	h2 {
-		margin-bottom: 20px;
-		font-size: 24px;
-		font-weight: 600;
-	}
-
 	&__buttons {
-		display: flex;
-		justify-content: flex-end;
-		gap: 16px;
 		margin-top: 30px;
-		padding-top: 20px;
-
-		:deep(button) {
-			padding: 10px 20px;
-			border-radius: 8px;
-			font-weight: 500;
-			transition: background 0.2s ease;
 
-			&:hover:not(:disabled) {
-				filter: brightness(1.05);
-			}
-		}
 	}
 }
 </style>

From a5d735e5265f954b0359ad9b5618af973787325e Mon Sep 17 00:00:00 2001
From: Kerem Semiz <kerox350@gmail.com>
Date: Thu, 27 Mar 2025 11:26:49 +0000
Subject: [PATCH 3/5] Update 2

---
 src/components/ConfirmationModal.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/ConfirmationModal.vue b/src/components/ConfirmationModal.vue
index caca2a307c..216000be69 100644
--- a/src/components/ConfirmationModal.vue
+++ b/src/components/ConfirmationModal.vue
@@ -68,6 +68,8 @@ export default {
 <style lang="scss" scoped>
 .confirm-modal {
 	&__buttons {
+		display: flex;
+		justify-content: space-between;
 		margin-top: 30px;
 
 	}

From 1b96159ef455d2e7a38137a0de19cc2fcf0735a2 Mon Sep 17 00:00:00 2001
From: Kerem Semiz <kerox350@gmail.com>
Date: Thu, 27 Mar 2025 11:29:01 +0000
Subject: [PATCH 4/5] Final update

---
 src/components/ConfirmationModal.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ConfirmationModal.vue b/src/components/ConfirmationModal.vue
index 216000be69..ed2a297f0d 100644
--- a/src/components/ConfirmationModal.vue
+++ b/src/components/ConfirmationModal.vue
@@ -4,7 +4,7 @@
 -->
 
 <template>
-	<NcModal class="confirm-modal" @close="cancel">
+	<NcDialog class="confirm-modal" @close="cancel">
 		<div class="confirm-modal">
 			<h2>{{ title }}</h2>
 			<slot />
@@ -22,19 +22,19 @@
 				</NcButton>
 			</div>
 		</div>
-	</NcModal>
+	</NcDialog>
 </template>
 
 <script>
 
-import { NcButton, NcModal } from '@nextcloud/vue'
+import { NcButton, NcDialog } from '@nextcloud/vue'
 import { translate as t } from '@nextcloud/l10n'
 
 export default {
 	name: 'ConfirmationModal',
 	components: {
 		NcButton,
-		NcModal,
+		NcDialog,
 	},
 	props: {
 		title: {

From 1ba90ebe7231ac0994ecff9ec56eb47776ece8ba Mon Sep 17 00:00:00 2001
From: Kerem Semiz <kerox350@gmail.com>
Date: Fri, 28 Mar 2025 13:26:21 +0000
Subject: [PATCH 5/5] Update padding plus cancel emitting

---
 src/components/ConfirmationModal.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ConfirmationModal.vue b/src/components/ConfirmationModal.vue
index ed2a297f0d..9364ac778f 100644
--- a/src/components/ConfirmationModal.vue
+++ b/src/components/ConfirmationModal.vue
@@ -60,6 +60,7 @@ export default {
 		},
 		cancel() {
 			this.$emit('cancel')
+			this.$emit('close')
 		},
 	},
 }
@@ -67,11 +68,15 @@ export default {
 
 <style lang="scss" scoped>
 .confirm-modal {
+	padding: 0 20px 20px 20px;
 	&__buttons {
 		display: flex;
 		justify-content: space-between;
 		margin-top: 30px;
-
 	}
 }
+:deep(.dialog__name){
+	display: none;
+}
+
 </style>