avives
1f72193a64
Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
- Base: wintercms/winter branch 1.2 (full framework) - Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS - Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication - Partials: hero (offline-first), features, modes (offline/nube toggle), screenshots, pricing (3 planes), comparison, FAQ, CTA - Plugin VivesPOS.Site with ContactForm - Dockerfile: PHP 8.2 Apache, port 80, healthcheck - Added winter/wn-pages, blog, sitemap, seo plugins - Active theme set to vivespos
44 lines
2.5 KiB
Markdown
44 lines
2.5 KiB
Markdown
Customized dropdown menu
|
|
|
|
### Small dropdown
|
|
|
|
<div class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="btn btn-primary wn-icon-plus">Add small</a>
|
|
|
|
<ul class="dropdown-menu" role="menu" data-dropdown-title="Add something small">
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-folder">Group</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-copy">Page</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
### Drop "up"
|
|
|
|
Add the `dropup` class to the dropdown container and the dropdown will appear in an upward direction.
|
|
|
|
<div class="dropdown dropup">
|
|
...
|
|
</div>
|
|
|
|
### Large dropdown
|
|
|
|
<div class="dropdown">
|
|
<a href="#" data-toggle="dropdown" class="btn btn-primary wn-icon-plus">Add large</a>
|
|
|
|
<ul class="dropdown-menu" role="menu" data-dropdown-title="Add something large">
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-folder">Group</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-copy">Page</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-briefcase">Briefcase</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-link">Link</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-tag">Tag</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-search-minus">Zoom out</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-briefcase">Briefcase</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-link">Link</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-tag">Tag</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-search-minus">Zoom out</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-briefcase">Briefcase</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-link">Link</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-tag">Tag</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="#" class="wn-icon-search-minus">Zoom out</a></li>
|
|
</ul>
|
|
</div>
|