feat(table) Add content-class prop (bootstrap-vue#1961)

mosinve · web-flow · commit 414e6ddba996 · 2018-07-24T10:39:29.000+07:00
solves bootstrap-vue#1950
diff --git a/src/components/modal/README.md b/src/components/modal/README.md
@@ -407,8 +407,8 @@ export default {
 <!-- modal-variant-1.vue -->
 ```
 
-You can also apply abritrary classes to the modal container, header, body and footer via the
-`modal-class`, `header-class`, `body-class` and `footer-class` props, respectively. The props
+You can also apply abritrary classes to the modal dialog container, content (modal window itself), header, body and footer via the
+`modal-class`, `content-class`, `header-class`, `body-class` and `footer-class` props, respectively. The props
 accept either a string or array of strings.
 
 ## Lazy loading
diff --git a/src/components/modal/modal.js b/src/components/modal/modal.js
@@ -152,7 +152,7 @@ export default {
       'div',
       {
         ref: 'content',
-        class: ['modal-content'],
+        class: this.contentClasses,
         attrs: {
           tabindex: '-1',
           role: 'document',
@@ -323,6 +323,10 @@ export default {
       type: [String, Array],
       default: null
     },
+    contentClass: {
+      type: [String, Array],
+      default: null
+    },
     bodyClass: {
       type: [String, Array],
       default: null
@@ -408,6 +412,12 @@ export default {
     }
   },
   computed: {
+    contentClasses () {
+      return [
+        'modal-content',
+        this.contentClass
+      ]
+    },
     modalClasses () {
       return [
         'modal',
