middleman-hashicorp 0.3.17 → 0.3.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f29065cffd44f1591c6d75114ba15f9a30a144e4
-  data.tar.gz: 7ee8489e9caac475044485f4c813c1db62b50be1
+  metadata.gz: ce3284876fcd013172f2b3ee5e62c8e84eddf9f4
+  data.tar.gz: 4b19c1be5a46960207172f12e3c6b70ffa3d395c
 SHA512:
-  metadata.gz: ad55eb15aaa61dd235beb2c0023d2517c8d83f417a97beb68617519f3b3bd96978d1972d9e29486c5e0a3e3def0a49f33f00cf6285bb8782be392e48d1a44dc1
-  data.tar.gz: 820a106f2a9203604d1ea9757b74d6aca40de88edd0766e461c8f21e602e12f969100819823c4fbd339e32c15b167ab0bd9049f872fe7c75deabef0f30e75ac5
+  metadata.gz: d22dc6551ad7316f1b9a2ce5c030a9ef2489bade9f5484bee7ed6b7933727f980e6efe61e78b2d901697badb8856e2522e574925cb5959f6c189913035a95d3d
+  data.tar.gz: 6126066e64f55ab476ecff3a4b7342bcd9f42c3c19202123923419a22d9bba113cb2b5d157efc8da87b658b9408b1027cad2cc098b3b872ad566d5d34e8a7f29

data/assets/javascripts/hashicorp/mega-nav.js

@@ -21,56 +21,50 @@ var HashiMegaNav = function() {
     }
   }
 
-  var dropDownBreakpoint = window.matchMedia("(min-width: 980px)");
+  var $body = $('#mega-nav-body-ct');
+  var $arrow = $('#mega-nav-ctrl');
+  var $nav = $arrow.parent();
+  var $close = $('#mega-nav-close');
 
-  function megaNavModal() {
-    $('#mega-nav-body-ct').attr({
-      role: 'dialog',
-      tabindex: -1
-    });
-
-    $('#mega-nav-ctrl').on('click.megaNav', function(){
-      $('#mega-nav-body-ct').modal({
-        backdrop: false
-      });
-    });
-
-    $('#mega-nav-close').on('click.megaNav', function() {
-      $('#mega-nav-body-ct').modal('hide');
-    });
+  function matchesBreakpoint() {
+    return window.matchMedia("(min-width: 980px)").matches;
   }
 
-  function megaNavModalDestroy() {
-    $('#mega-nav-ctrl').off('click.megaNav');
-    $('#mega-nav-close').off('click.megaNav');
-    $('#mega-nav-body-ct')
-      .modal('hide')
-      .removeAttr('role tabindex style')
-      .data('bs.modal', null);
+  function openNav() {
+    if(matchesBreakpoint()) {
+      $body.slideDown('fast');
+      $nav.addClass('open');
+    } else {
+      $body.fadeIn('fast');
+    }
   }
 
-  function megaNavDropDown() {
-    $('#mega-nav-ctrl').attr('data-toggle', 'dropdown');
+  function closeNav() {
+    if(matchesBreakpoint()) {
+      $body.slideUp('fast');
+      $nav.removeClass('open');
+    } else {
+      $body.fadeOut('fast');
+    }
   }
 
-  function megaNavDropDownDestroy() {
-    $('#mega-nav-ctrl').parent().removeClass('open');
-    $('#mega-nav-ctrl').removeAttr('data-toggle aria-expanded');
-    $('#mega-nav-body-ct').removeAttr('aria-labelledby');
+  function isNavOpen() {
+    return $nav.hasClass('open');
   }
 
-  function handleDropDownBreakpoint(breakpoint) {
-    if (breakpoint.matches) {
-      megaNavModalDestroy();
-      megaNavDropDown();
+  $arrow.unbind().on('click', function(e) {
+    e.preventDefault(); // Don't jump page to "#"
+
+    if(isNavOpen()) {
+      closeNav();
     } else {
-      megaNavDropDownDestroy();
-      megaNavModal();
+      openNav();
     }
-  }
+  });
 
-  dropDownBreakpoint.addListener(handleDropDownBreakpoint);
-  handleDropDownBreakpoint(dropDownBreakpoint);
+  $close.unbind().on('click', function() {
+    closeNav();
+  });
 }
 
 // Handle document ready function and the turbolinks load.

data/assets/javascripts/hashicorp/sidebar.js

@@ -18,12 +18,12 @@ var HashiSidebar = function() {
 
   // Hide the sidebar when the user clicks on the overlay. The overlay is
   // only "clickable" when it's active.
-  $overlay.on('click', function(e){
+  $overlay.unbind().on('click', function(e){
     hideSidebar();
   });
 
   // Show the sidebar when the user clicks the hamburger menu.
-  $toggle.on('click', function(e) {
+  $toggle.unbind().on('click', function(e) {
     e.preventDefault(); // Don't jump page to "#"
 
     // Only activate the sidebar if it's not already active. Since these

data/assets/stylesheets/hashicorp/mega-nav.scss

@@ -272,6 +272,11 @@ $mega-nav-sandbox-specificity:          4;
     &:hover,
     &:focus {
       color: tint($mega-nav-color-black, 20);
+      outline: none;
+    }
+
+    &:active {
+      outline: none;
     }
   }
 

data/lib/middleman-hashicorp/extension.rb

@@ -144,8 +144,11 @@ class Middleman::HashiCorpExtension < ::Middleman::Extension
     #
     # @return [String] (html)
     #
-    def system_icon(name)
-      image_tag("icons/icon_#{name.to_s.downcase}.png")
+    def system_icon(name, options = {})
+      image_tag("icons/icon_#{name.to_s.downcase}.png", {
+        height: 75,
+        width: 75,
+      }.merge(options))
     end
 
     #

data/lib/middleman-hashicorp/version.rb

@@ -1,5 +1,5 @@
 module Middleman
   module HashiCorp
-    VERSION = "0.3.17"
+    VERSION = "0.3.18"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: middleman-hashicorp
 version: !ruby/object:Gem::Version
-  version: 0.3.17
+  version: 0.3.18
 platform: ruby
 authors:
 - Seth Vargo
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-03-24 00:00:00.000000000 Z
+date: 2017-03-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: middleman
@@ -238,7 +238,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.8
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: A series of helpers for consistency among HashiCorp's middleman sites