From 145ce661126f9d44931a3450b826fc90353c51eb Mon Sep 17 00:00:00 2001
From: Blesilda Ramirez <ramirezblesilda@gmail.com>
Date: Wed, 27 Nov 2024 19:09:32 +0800
Subject: [PATCH] =?UTF-8?q?pkp/pkp-lib#10444=20Remove=20inline=20class=20f?=
 =?UTF-8?q?or=20icon=20title=20in=20the=20Dialog=20co=E2=80=A6=20(#452)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* pkp/pkp-lib#10444 Remove inline class for icon title in the Dialog component

* pkp/pkp-lib#10444 Remove font-size css rule when displaying close button in Modal component
---
 src/components/Modal/Dialog.vue | 6 +-----
 src/components/Modal/Modal.vue  | 1 -
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/Modal/Dialog.vue b/src/components/Modal/Dialog.vue
index 3877f16c..ac41ef19 100644
--- a/src/components/Modal/Dialog.vue
+++ b/src/components/Modal/Dialog.vue
@@ -49,11 +49,7 @@
 									:class="icon ? 'pb-5' : 'pb-8'"
 								>
 									<div v-if="icon" :class="iconStyles">
-										<Icon
-											:icon="icon"
-											:inline="true"
-											class="h-11 w-11 text-on-dark"
-										></Icon>
+										<Icon :icon="icon" class="h-11 w-11 text-on-dark"></Icon>
 									</div>
 									<span class="px-4">{{ title }}</span>
 								</DialogTitle>
diff --git a/src/components/Modal/Modal.vue b/src/components/Modal/Modal.vue
index a9e93e0c..ca59eded 100644
--- a/src/components/Modal/Modal.vue
+++ b/src/components/Modal/Modal.vue
@@ -290,7 +290,6 @@ export default {
 		margin-inline-start: auto; // fix position when no title exists
 		margin-inline-end: 0.5rem;
 		border: none;
-		font-size: @font-lead;
 		line-height: 1;
 		width: 2rem;
 		height: 2rem;