From 32389aea17889ccbcc571a80f24b56ae72e5ef49 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 14 Apr 2021 16:27:16 +0300
Subject: [PATCH] Fixed #1146 - Allow Adding Classes to Dialog Content

---
 src/components/dialog/Dialog.d.ts | 3 ++-
 src/components/dialog/Dialog.vue  | 6 +++++-
 src/views/dialog/DialogDoc.vue    | 6 ++++++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/dialog/Dialog.d.ts b/src/components/dialog/Dialog.d.ts
index 26041454f..a4ce714ef 100755
--- a/src/components/dialog/Dialog.d.ts
+++ b/src/components/dialog/Dialog.d.ts
@@ -5,7 +5,8 @@ interface DialogProps {
     footer?: any;
     visible?: boolean;
     modal?: boolean;
-    contentStyle?: string;
+    contentStyle?: any;
+    contentClass?: string;
     rtl?: boolean;
     closable?: boolean;
     dismissableMask?: boolean;
diff --git a/src/components/dialog/Dialog.vue b/src/components/dialog/Dialog.vue
index 48ed0e3ff..0321f08ab 100755
--- a/src/components/dialog/Dialog.vue
+++ b/src/components/dialog/Dialog.vue
@@ -16,7 +16,7 @@
                             </button>
                         </div>
                     </div>
-                    <div class="p-dialog-content" :style="contentStyle">
+                    <div :class="contentStyleClass" :style="contentStyle">
                         <slot></slot>
                     </div>
                     <div class="p-dialog-footer" v-if="footer || $slots.footer">
@@ -41,6 +41,7 @@ export default {
         visible: Boolean,
         modal: Boolean,
         contentStyle: null,
+        contentClass: String,
         rtl: Boolean,
         maximizable: Boolean,
         dismissableMask: Boolean,
@@ -288,6 +289,9 @@ export default {
         },
         attributeSelector() {
             return UniqueComponentId();
+        },
+        contentStyleClass() {
+            return ['p-dialog-content', this.contentClass];
         }
     },
     directives: {
diff --git a/src/views/dialog/DialogDoc.vue b/src/views/dialog/DialogDoc.vue
index 89897f36f..50c30f6b8 100755
--- a/src/views/dialog/DialogDoc.vue
+++ b/src/views/dialog/DialogDoc.vue
@@ -144,6 +144,12 @@ export default {
                         <td>null</td>
                         <td>Style of the content section.</td>
                     </tr>
+                    <tr>
+                        <td>contentClass</td>
+                        <td>string</td>
+                        <td>null</td>
+                        <td>Style class of the content section.</td>
+                    </tr>
                     <tr>
                         <td>rtl</td>
                         <td>boolean</td>