Browse Source

Release 1.0.0-alpha.21

codecalm 4 years ago
parent
commit
e7141220e3
10 changed files with 139 additions and 46 deletions
  1. 9 6
      demo/accordion.html
  2. 7 4
      demo/activity.html
  3. 15 8
      demo/all.html
  4. 1 1
      demo/auth-lock.html
  5. 7 4
      demo/blank.html
  6. 7 4
      demo/buttons.html
  7. 7 4
      demo/cards-masonry.html
  8. 66 6
      demo/cards.html
  9. 7 4
      demo/carousel.html
  10. 13 5
      demo/changelog.html

+ 9 - 6
demo/accordion.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.20
+* @version 1.0.0-alpha.21
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -80,7 +80,7 @@
                     </span>
                   </a>
                 </li>
-                <li class="nav-item dropdown">
+                <li class="nav-item active dropdown">
                   <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
                     <span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
                     </span>
@@ -94,7 +94,7 @@
                         <a class="dropdown-item" href="./empty.html" >
                           Empty page
                         </a>
-                        <a class="dropdown-item" href="./accordion.html" >
+                        <a class="dropdown-item active" href="./accordion.html" >
                           Accordion
                         </a>
                         <a class="dropdown-item" href="./blank.html" >
@@ -130,11 +130,11 @@
                         <a class="dropdown-item" href="./maps-vector.html" >
                           Vector maps
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./navigation.html" >
                           Navigation
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./charts.html" >
                           Charts
                         </a>
@@ -162,6 +162,9 @@
                         <a class="dropdown-item" href="./typography.html" >
                           Typography
                         </a>
+                        <a class="dropdown-item" href="./page-headers.html" >
+                          Page headers
+                        </a>
                         <a class="dropdown-item" href="./markdown.html" >
                           Markdown
                         </a>
@@ -409,7 +412,7 @@
                     All rights reserved.
                   </li>
                   <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.20</a>
+                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
                   </li>
                 </ul>
               </div>

+ 7 - 4
demo/activity.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.20
+* @version 1.0.0-alpha.21
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -130,11 +130,11 @@
                         <a class="dropdown-item" href="./maps-vector.html" >
                           Vector maps
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./navigation.html" >
                           Navigation
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./charts.html" >
                           Charts
                         </a>
@@ -162,6 +162,9 @@
                         <a class="dropdown-item" href="./typography.html" >
                           Typography
                         </a>
+                        <a class="dropdown-item" href="./page-headers.html" >
+                          Page headers
+                        </a>
                         <a class="dropdown-item" href="./markdown.html" >
                           Markdown
                         </a>
@@ -611,7 +614,7 @@
                     All rights reserved.
                   </li>
                   <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.20</a>
+                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
                   </li>
                 </ul>
               </div>

+ 15 - 8
demo/all.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.20
+* @version 1.0.0-alpha.21
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -130,11 +130,11 @@
                         <a class="dropdown-item" href="./maps-vector.html" >
                           Vector maps
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./navigation.html" >
                           Navigation
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./charts.html" >
                           Charts
                         </a>
@@ -162,6 +162,9 @@
                         <a class="dropdown-item" href="./typography.html" >
                           Typography
                         </a>
+                        <a class="dropdown-item" href="./page-headers.html" >
+                          Page headers
+                        </a>
                         <a class="dropdown-item" href="./markdown.html" >
                           Markdown
                         </a>
@@ -457,7 +460,6 @@
                     </li>
                     <li>
                       <a href="/accordion.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
                         Accordion
                       </a>
                     </li>
@@ -519,13 +521,13 @@
                       </a>
                     </li>
                     <li>
-                      <a href="/auth-lock.html">
+                      <a href="/forgot-password.html">
+                        <svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
                         Forgot password
                       </a>
                     </li>
                     <li>
-                      <a href="/forgot-password.html">
-                        <svg xmlns="http://www.w3.org/2000/svg" class="icon me-1 text-red" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
+                      <a href="/auth-lock.html">
                         Forgot password
                       </a>
                     </li>
@@ -610,6 +612,11 @@
                         Page 500
                       </a>
                     </li>
+                    <li>
+                      <a href="/page-headers.html">
+                        Page headers
+                      </a>
+                    </li>
                     <li>
                       <a href="/pagination.html">
                         Pagination
@@ -697,7 +704,7 @@
                     All rights reserved.
                   </li>
                   <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.20</a>
+                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
                   </li>
                 </ul>
               </div>

+ 1 - 1
demo/auth-lock.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.20
+* @version 1.0.0-alpha.21
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna

+ 7 - 4
demo/blank.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.20
+* @version 1.0.0-alpha.21
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -130,11 +130,11 @@
                         <a class="dropdown-item" href="./maps-vector.html" >
                           Vector maps
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./navigation.html" >
                           Navigation
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./charts.html" >
                           Charts
                         </a>
@@ -162,6 +162,9 @@
                         <a class="dropdown-item" href="./typography.html" >
                           Typography
                         </a>
+                        <a class="dropdown-item" href="./page-headers.html" >
+                          Page headers
+                        </a>
                         <a class="dropdown-item" href="./markdown.html" >
                           Markdown
                         </a>
@@ -359,7 +362,7 @@
                     All rights reserved.
                   </li>
                   <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.20</a>
+                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
                   </li>
                 </ul>
               </div>

+ 7 - 4
demo/buttons.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.20
+* @version 1.0.0-alpha.21
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -130,11 +130,11 @@
                         <a class="dropdown-item" href="./maps-vector.html" >
                           Vector maps
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./navigation.html" >
                           Navigation
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./charts.html" >
                           Charts
                         </a>
@@ -162,6 +162,9 @@
                         <a class="dropdown-item" href="./typography.html" >
                           Typography
                         </a>
+                        <a class="dropdown-item" href="./page-headers.html" >
+                          Page headers
+                        </a>
                         <a class="dropdown-item" href="./markdown.html" >
                           Markdown
                         </a>
@@ -1130,7 +1133,7 @@
                     All rights reserved.
                   </li>
                   <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.20</a>
+                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
                   </li>
                 </ul>
               </div>

+ 7 - 4
demo/cards-masonry.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.20
+* @version 1.0.0-alpha.21
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -130,11 +130,11 @@
                         <a class="dropdown-item" href="./maps-vector.html" >
                           Vector maps
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./navigation.html" >
                           Navigation
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./charts.html" >
                           Charts
                         </a>
@@ -162,6 +162,9 @@
                         <a class="dropdown-item" href="./typography.html" >
                           Typography
                         </a>
+                        <a class="dropdown-item" href="./page-headers.html" >
+                          Page headers
+                        </a>
                         <a class="dropdown-item" href="./markdown.html" >
                           Markdown
                         </a>
@@ -602,7 +605,7 @@
                     All rights reserved.
                   </li>
                   <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.20</a>
+                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
                   </li>
                 </ul>
               </div>

+ 66 - 6
demo/cards.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.20
+* @version 1.0.0-alpha.21
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -130,11 +130,11 @@
                         <a class="dropdown-item" href="./maps-vector.html" >
                           Vector maps
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./navigation.html" >
                           Navigation
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./charts.html" >
                           Charts
                         </a>
@@ -162,6 +162,9 @@
                         <a class="dropdown-item" href="./typography.html" >
                           Typography
                         </a>
+                        <a class="dropdown-item" href="./page-headers.html" >
+                          Page headers
+                        </a>
                         <a class="dropdown-item" href="./markdown.html" >
                           Markdown
                         </a>
@@ -346,6 +349,13 @@
                     </div>
                   </div>
                 </div>
+                <div class="col-12 border-0">
+                  <div class="card">
+                    <div class="card-body">
+                      <p>This is a borderless card.</p>
+                    </div>
+                  </div>
+                </div>
                 <div class="col-12">
                   <div class="card">
                     <div class="card-body">
@@ -514,7 +524,7 @@
                 </div>
                 <div class="col-12">
                   <!-- Cards with tabs component -->
-                  <div class="card-tabs">
+                  <div class="card-tabs ">
                     <!-- Cards navigation -->
                     <ul class="nav nav-tabs">
                       <li class="nav-item"><a href="#tab-top-1" class="nav-link active" data-bs-toggle="tab">Tab 1</a></li>
@@ -564,7 +574,57 @@
                 </div>
                 <div class="col-12">
                   <!-- Cards with tabs component -->
-                  <div class="card-tabs">
+                  <div class="card-tabs border-0">
+                    <!-- Cards navigation -->
+                    <ul class="nav nav-tabs">
+                      <li class="nav-item"><a href="#tab-borderless-1" class="nav-link active" data-bs-toggle="tab">Tab 1</a></li>
+                      <li class="nav-item"><a href="#tab-borderless-2" class="nav-link" data-bs-toggle="tab">Tab 2</a></li>
+                      <li class="nav-item"><a href="#tab-borderless-3" class="nav-link" data-bs-toggle="tab">Tab 3</a></li>
+                      <li class="nav-item"><a href="#tab-borderless-4" class="nav-link" data-bs-toggle="tab">Tab 4</a></li>
+                    </ul>
+                    <div class="tab-content">
+                      <!-- Content of card #1 -->
+                      <div id="tab-borderless-1" class="card tab-pane active show">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #1</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
+                      <!-- Content of card #2 -->
+                      <div id="tab-borderless-2" class="card tab-pane">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #2</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
+                      <!-- Content of card #3 -->
+                      <div id="tab-borderless-3" class="card tab-pane">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #3</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
+                      <!-- Content of card #4 -->
+                      <div id="tab-borderless-4" class="card tab-pane">
+                        <div class="card-body">
+                          <div class="card-title">Content of tab #4</div>
+                          <p>
+                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
+                          </p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-12">
+                  <!-- Cards with tabs component -->
+                  <div class="card-tabs ">
                     <div class="tab-content">
                       <!-- Content of card #1 -->
                       <div id="tab-bottom-1" class="card tab-pane active show">
@@ -890,7 +950,7 @@
                     All rights reserved.
                   </li>
                   <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.20</a>
+                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
                   </li>
                 </ul>
               </div>

+ 7 - 4
demo/carousel.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.20
+* @version 1.0.0-alpha.21
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -130,11 +130,11 @@
                         <a class="dropdown-item" href="./maps-vector.html" >
                           Vector maps
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./navigation.html" >
                           Navigation
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./charts.html" >
                           Charts
                         </a>
@@ -162,6 +162,9 @@
                         <a class="dropdown-item" href="./typography.html" >
                           Typography
                         </a>
+                        <a class="dropdown-item" href="./page-headers.html" >
+                          Page headers
+                        </a>
                         <a class="dropdown-item" href="./markdown.html" >
                           Markdown
                         </a>
@@ -517,7 +520,7 @@
                     All rights reserved.
                   </li>
                   <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.20</a>
+                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
                   </li>
                 </ul>
               </div>

+ 13 - 5
demo/changelog.html

@@ -1,7 +1,7 @@
 <!doctype html>
 <!--
 * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
-* @version 1.0.0-alpha.20
+* @version 1.0.0-alpha.21
 * @link https://tabler.io
 * Copyright 2018-2020 The Tabler Authors
 * Copyright 2018-2020 codecalm.net Paweł Kuna
@@ -130,11 +130,11 @@
                         <a class="dropdown-item" href="./maps-vector.html" >
                           Vector maps
                         </a>
-                      </div>
-                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./navigation.html" >
                           Navigation
                         </a>
+                      </div>
+                      <div class="dropdown-menu-column">
                         <a class="dropdown-item" href="./charts.html" >
                           Charts
                         </a>
@@ -162,6 +162,9 @@
                         <a class="dropdown-item" href="./typography.html" >
                           Typography
                         </a>
+                        <a class="dropdown-item" href="./page-headers.html" >
+                          Page headers
+                        </a>
                         <a class="dropdown-item" href="./markdown.html" >
                           Markdown
                         </a>
@@ -447,6 +450,11 @@
                         Modals
                       </a>
                     </li>
+                    <li class="nav-item">
+                      <a href="./docs/page-headers.html" class="nav-link">
+                        Page headers
+                      </a>
+                    </li>
                     <li class="nav-item">
                       <a href="./docs/progress.html" class="nav-link">
                         Progress
@@ -564,7 +572,7 @@
                     <span class="nav-link-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="7" cy="18" r="2" /><circle cx="7" cy="6" r="2" /><circle cx="17" cy="6" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M9 18h6a2 2 0 0 0 2 -2v-5" /><polyline points="14 14 17 11 20 14" /></svg>
                     </span>
                     Changelog
-                    <span class="badge bg-blue-lt ms-auto">1.0.0-alpha.20</span>
+                    <span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
                   </a>
                 </li>
               </ul>
@@ -602,7 +610,7 @@
                     All rights reserved.
                   </li>
                   <li class="list-inline-item">
-                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.20</a>
+                    <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
                   </li>
                 </ul>
               </div>

Some files were not shown because too many files changed in this diff