Summary Files Commits Branches @commit @diff @stats
path: root / docs / components.html
diff options
context:
space:
mode:
Commitf2aec69fc002a7730bae77691747b558cef1e40a (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-02-27 15:57:13 +0800
Committer
 Yan Zhu <picturepan2@hotmail.com>
2017-02-27 15:57:13 +0800
Filesc934074200f923006f1ca5df36368ed527a39bdf /docs/components.html
Spectre-Dark-Gruvbox-f2aec69fc002a7730bae77691747b558cef1e40a.tar
Spectre-Dark-Gruvbox-f2aec69fc002a7730bae77691747b558cef1e40a.tar.gz
Spectre-Dark-Gruvbox-f2aec69fc002a7730bae77691747b558cef1e40a.zip
Parente272b7708c00151604c1088abd7bd4a92f494b23 (diff)
CHG: Bump version number and add dropdown-right docs
1 files changed, 2 insertions, 2 deletions
-rw-r--r--docs/components.html4
diff --git a/docs/components.html b/docs/components.html
index fe5968a..4e4662e 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -547,7 +547,7 @@
</section>
<div class="columns">
<div class="column col-xs-12">
- <div class="dropdown dropdown-right">
+ <div class="dropdown">
<div class="btn-group">
<a class="btn btn-primary">dropdown button</a>
<a class="btn btn-primary dropdown-toggle" tabindex="0"><i class="icon-caret"></i></a>
@@ -618,7 +618,7 @@
</div>
<section class="notes">
<p>Dropdown menus component is built entirely in CSS. It is triggered by <code>:focus</code> event.</p>
- <p>Add a container element with the class <code>dropdown</code>. And add a focusable element with the classname <code>dropdown-toggle</code> for the button and a <code>menu</code> component right next to it. </p>
+ <p>Add a container element with the class <code>dropdown</code>. And add a focusable element with the classname <code>dropdown-toggle</code> for the button and a <code>menu</code> component right next to it. If the dropdown is close to the right edge of the browser, you can add the class <code>dropdown-right</code> to the container to prevent it appearing off screen.</p>
</section>
<section class="notes">
<p>Also, you can implement your JS to interact with the dropdown menus by adding the class <code>active</code> to the <code>dropdown</code>.</p>