Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 03:44:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix obsolete references to nav- components (#869)

Browse Source
This commit is contained in:
Israel Roldan
2017-07-15 16:42:26 +02:00
committed by Jeremy Thomas
parent fccdedc66b
commit d1bb670cb3
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/documentation/components/navbar.html
View File

@@ -354,21 +354,21 @@ doc-subtab: navbar
{% capture navbar_js_code %} {% capture navbar_js_code %}
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
// Get all "nav-burger" elements // Get all "navbar-burger" elements
var $navBurgers = Array.prototype.slice.call(document.querySelectorAll('.nav-burger'), 0); var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Check if there are any nav burgers // Check if there are any nav burgers
if ($navBurgers.length > 0) { if ($navbarBurgers.length > 0) {
// Add a click event on each of them // Add a click event on each of them
$navBurgers.forEach(function ($el) { $navbarBurgers.forEach(function ($el) {
$el.addEventListener('click', () => { $el.addEventListener('click', () => {
// Get the target from the "data-target" attribute // Get the target from the "data-target" attribute
var target = $el.dataset.target; var target = $el.dataset.target;
var $target = document.getElementById(target); var $target = document.getElementById(target);
// Toggle the class on both the "nav-burger" and the "nav-menu" // Toggle the class on both the "navbar-burger" and the "navbar-menu"
$el.classList.toggle('is-active'); $el.classList.toggle('is-active');
$target.classList.toggle('is-active'); $target.classList.toggle('is-active');
@@ -578,7 +578,7 @@ document.addEventListener('DOMContentLoaded', function () {
<p> <p>
The Bulma package <strong>does not come with any JavaScript</strong>. The Bulma package <strong>does not come with any JavaScript</strong>.
<br> <br>
Here is however an implementation example, which toggles the class <code>is-active</code> on both the <code>nav-burger</code> and the targeted <code>nav-menu</code>. Here is however an implementation example, which toggles the class <code>is-active</code> on both the <code>navbar-burger</code> and the targeted <code>navbar-menu</code>.
</p> </p>
{% highlight html %}{{ navbar_js_html }}{% endhighlight %} {% highlight html %}{{ navbar_js_html }}{% endhighlight %}