docs: Added dropdown menu for buttons docs and new github button to l…

…ink to the source
Spiderpig86 · Sep 8, 2017 · 7b502b8 · 7b502b8
1 parent 2cedc13
commit 7b502b8
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/docs/animations/index.html b/docs/animations/index.html
@@ -53,6 +53,10 @@ <h6 class="title">Cirrus</h6>
                 </div>
             </div>
             <div class="nav-right nav-menu">
+                <div class="nav-item">
+                    <a href="https://github.com/Spiderpig86/Cirrus/blob/master/src/animations.css" target="_blank"><span class="icon"><i class="fa fa-github"></i></span></a>
+                </div>
+
                 <div class="nav-item has-sub">
                     <a class="nav-dropdown-link">Animations</a>
                     <ul class="dropdown-menu dropdown-animated">

diff --git a/docs/buttons/index.html b/docs/buttons/index.html
@@ -54,10 +54,16 @@ <h6 class="title">Cirrus</h6>
             </div>
             <div class="nav-right nav-menu">
                 <div class="nav-item">
-                    <a href="../../index.html" class="smoothScroll">Home</a>
+                    <a href="https://github.com/Spiderpig86/Cirrus/blob/master/src/button.css" target="_blank"><span class="icon"><i class="fa fa-github"></i></span></a>
                 </div>
-                <div class="nav-item">
-                    <a href="#started" class="smoothScroll">Top</a>
+
+                <div class="nav-item has-sub">
+                    <a class="nav-dropdown-link">Buttons</a>
+                    <ul class="dropdown-menu dropdown-animated">
+                        <li><a href="#started" class="smoothScroll">Top</a></li>
+                        <li><a href="#tooltips" class="smoothScroll">Tooltips</a></li>
+                        <li><a href="#groups" class="smoothScroll">Groups</a></li>
+                    </ul>
                 </div>
             </div>
         </div>
@@ -611,7 +617,7 @@ <h6>Tooltip Direction</h6>
         </div>
     </section>
 
-    <section id="groups">
+    <section id="groups" class="padtop">
         <div class="content">
             <h3><a href="./index.html#groups" class="doc-link btn-tooltip tooltip-left" data-tooltip="Click to copy">#</a>Button Groups</h3>
             <div class="divider"></div>

diff --git a/docs/cards/index.html b/docs/cards/index.html
@@ -203,7 +203,7 @@ <h3>Basic Design</h3>
         <div class="content">
             <h3>Animated Card</h3>
             <div class="divider"></div>
-            <p>Cirrus also comes with different components that can interact differently such as this card design with a hover animation. Compared to the card above, <code>title</code> and <code>subtitle</code> are nested in the <code>mobile-title</code> class rather than the <code>card-title</code> class.</p>
+            <p>Cirrus also comes with different components that can interact differently such as this card design with a hover animation. Compared to the card above, the display for the avatar, title text, and buttons are all handled by the <code>card-tile</code>.</p>
             <div class="row">
                 <div class="col-4">
                     <div class="card slide-up">
@@ -541,7 +541,7 @@ <h3>Card Headers</h3>
         <div class="content">
             <h3>Card Tiles</h3>
             <div class="divider"></div>
-            <p>Card Tiles are the flexbox alternative to cards that tile child elements horizontally and more closely resemble horizontal cards in Android.</p>
+            <p>Card Tiles are the flexbox alternative to cards that tile child elements horizontally and more closely resemble horizontal cards in Android. These get displayed in <code>card slide-up</code> to show an avatar, text, or buttons.</p>
             <div class="row">
                 <div class="col-8">
                     <div class="card-tile">