From 7e6a73d4c3ace7e22e2afc25805ed0066b867bf5 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Wed, 21 Feb 2018 15:27:22 +0800
Subject: Add 100% modal height class #391

---
 docs/components.html | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

(limited to 'docs/components.html')

diff --git a/docs/components.html b/docs/components.html
index 500b15f..fb2ddd8 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -1387,7 +1387,7 @@
             <a href="#example-modal-3" class="btn btn-primary">Open large size Modal</a>
             <div class="modal modal-lg" id="example-modal-3">
               <a href="#modals-sizes" class="modal-overlay" aria-label="Close"></a>
-              <div class="modal-container" role="document">
+              <div class="modal-container modal-fullheight" role="document">
                 <div class="modal-header">
                   <a href="#modals-sizes" class="btn btn-clear float-right" aria-label="Close"></a>
                   <div class="modal-title h5">Modal title</div>
@@ -1425,6 +1425,19 @@
     <span class="com">&lt;!-- modal structure here --&gt;</span>
   &lt;<span class="tag">/div</span>&gt;
 &lt;<span class="tag">/div</span>&gt;
+</code></pre>
+
+        <div class="docs-note">
+          <p>Add the <code>modal-fullheight</code> class to <code>modal-container</code> to have a 100% viewport height modal. The default container max height is <code>75vh</code>.</p>
+        </div>
+
+<!-- modals -->
+<pre class="code" data-lang="HTML"><code>&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;modal&quot;</span>&gt;
+  &lt;<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">&quot;#close&quot;</span> <span class="atn">class</span>=<span class="atv">&quot;modal-overlay&quot;</span> <span class="atn">aria-label</span>=<span class="atv">&quot;Close&quot;</span>&gt;&lt;<span class="tag">/a</span>&gt;
+  &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;modal-container modal-fullheight&quot;</span>&gt;
+    <span class="com">&lt;!-- modal structure here --&gt;</span>
+  &lt;<span class="tag">/div</span>&gt;
+&lt;<span class="tag">/div</span>&gt;
 </code></pre>
 
       </div>
-- 
cgit v1.3.1-23-gd82d