(demo) add adaptive modal with auto-height

Author: FeBe95

demo/src/App.vue

@@ -6,6 +6,7 @@
     <demo-conditional-modal />
     <demo-size-modal />
     <demo-adaptive-modal />
+    <demo-adaptive-and-auto-height-modal />
     <demo-resizable-modal />
     <demo-draggable-modal />
 
@@ -30,6 +31,7 @@
     <div style="margin-top: 20px; margin-bottom: 15px;">
       <button class="btn" @click="$modal.show('example-resizable')">Resizable</button>
       <button class="btn" @click="$modal.show('example-adaptive')">Adaptive</button>
+      <button class="btn" @click="$modal.show('example-adaptive-and-auto-height')">Adaptive, Height: auto</button>
       <button class="btn" @click="$modal.show('example-draggable')">Draggable</button>
       <br />
       <button class="btn green" @click="$modal.show('dog-profile')">Demo: Dog Profile photo</button>
@@ -60,6 +62,7 @@
 
 <script>
 import DemoAdaptiveModal from './components/Modal_Adaptive.vue'
+import DemoAdaptiveAndAutoHeightModal from './components/Modal_AdaptiveAndAutoHeight.vue'
 import DemoDraggableModal from './components/Modal_Draggable.vue'
 import DemoResizableModal from './components/Modal_Resizable.vue'
 import DemoConditionalModal from './components/Modal_Conditional.vue'
@@ -73,6 +76,7 @@ export default {
   name: 'app',
   components: {
     DemoAdaptiveModal,
+    DemoAdaptiveAndAutoHeightModal,
     DemoDraggableModal,
     DemoResizableModal,
     DemoErrorModal,

demo/src/components/Modal_AdaptiveAndAutoHeight.vue

@@ -0,0 +1,19 @@
+<template>
+  <modal 
+    name="example-adaptive-and-auto-height"
+    :adaptive="true"
+    height="auto"
+  >
+    <div class="example-modal-content">
+      Appropriately exploit professional infrastructures rather than unique growth strategies. Assertively build leveraged growth strategies vis-a-vis multimedia based vortals. Progressively simplify cross-platform value through interactive imperatives. Objectively
+      implement enabled web services after plug-and-play ROI. Distinctively impact inexpensive schemas before installed base imperatives. Holisticly benchmark pandemic process improvements without wireless experiences. Efficiently create worldwide partnerships
+      after tactical vortals. Uniquely productize enabled platforms vis-a-vis timely processes. Conveniently unleash standards compliant niches through highly efficient testing procedures. Rapidiously enable pandemic niche markets whereas viral markets.
+      Assertively simplify alternative partnerships and error-free e-commerce. Professionally formulate 24/365 internal or "organic" sources through equity invested mindshare. Globally redefine unique best practices for.
+    </div>
+  </modal>
+</template>
+<script>
+export default {
+  name: 'Modal_Adaptive and Auto-Height'
+}
+</script>