]> git.ipfire.org Git - thirdparty/bulma.git/commitdiff
Fix obsolete references to nav- components (#869)
authorIsrael Roldan <israel.roldan@sencha.com>
Sat, 15 Jul 2017 14:42:26 +0000 (16:42 +0200)
committerJeremy Thomas <bbxdesign@gmail.com>
Sat, 15 Jul 2017 14:42:26 +0000 (15:42 +0100)
docs/documentation/components/navbar.html

index 32cb32a517816efa45b5e9ddfd2fb6681e9c0199..db206e3d4d77cff3a454af235455b15a2e7a2b5c 100644 (file)
@@ -354,21 +354,21 @@ doc-subtab: navbar
 {% capture navbar_js_code %}
 document.addEventListener('DOMContentLoaded', function () {
 
-  // Get all "nav-burger" elements
-  var $navBurgers = Array.prototype.slice.call(document.querySelectorAll('.nav-burger'), 0);
+  // Get all "navbar-burger" elements
+  var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
 
   // Check if there are any nav burgers
-  if ($navBurgers.length > 0) {
+  if ($navbarBurgers.length > 0) {
 
     // Add a click event on each of them
-    $navBurgers.forEach(function ($el) {
+    $navbarBurgers.forEach(function ($el) {
       $el.addEventListener('click', () => {
 
         // Get the target from the "data-target" attribute
         var target = $el.dataset.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');
         $target.classList.toggle('is-active');
 
@@ -578,7 +578,7 @@ document.addEventListener('DOMContentLoaded', function () {
           <p>
             The Bulma package <strong>does not come with any JavaScript</strong>.
             <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>
 
           {% highlight html %}{{ navbar_js_html }}{% endhighlight %}