bookends 10.0.5 → 10.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '005854a6df9e69609b18e49913ae436d47ef9599f13a33cffbf3234a7ce78743'
-  data.tar.gz: 9b4da526cd314af753992061652e886c326c78d51429856726c93ff668df1b7f
+  metadata.gz: 6601ae27bcdc3f586ffc920edc776313e1a7135049a33df52d22d9acd27980ca
+  data.tar.gz: '042279ceb99e5ed46d7adeabedaeabf2e3c99cece860dbbc16612be3084f7e29'
 SHA512:
-  metadata.gz: 8d03db427be2ebd2a63161772d864c0235e9b1133f0c7677c4ce9c1ec694affd6572475b15a7fcf1552291dc595cca33a9eabfccbf5bdd0d46babab84a36f7b4
-  data.tar.gz: fa72fb3f938afafc8532b37855942a94cee2e764e5f156dd186c56ddbc2588233baf8c883a7057baacb16ade355beca118bbf4dba91c6b3af9c7543d80139e2e
+  metadata.gz: 318b7ce84f031cec5767d1a3314b5f87f5518dc31742520fd49c9f596e8af38e828fd406020f54890a42320dd0415f9c9dd59741bba4c71f8b0750cd92f7b39f
+  data.tar.gz: f5aaffbce20ab4840d00bfd5d66c8c872e42a83f02ccad8688203a6b40a7c00c995631f0631b3ec54afa125850c14400fa07f46ee3e59437fa9c03c99c1446a4

data/app/assets/stylesheets/bookends/_header.scss

@@ -38,6 +38,31 @@
   position: relative;
 }
 
+a.visuallyhidden.skip-link:focus {
+  // undo .visuallyhidden
+  width: auto;
+  height: auto;
+  overflow: auto;
+  margin: 0;
+  clip: auto;
+
+  top: 10px;
+  z-index: 1000;
+  
+  // styling for link
+  transition: all .3s;
+  background: white;
+  color: $purple;
+  font-weight: bold;
+
+  border: 2px solid $purple;
+  border-left: none;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+
+  padding: 10px 30px;
+}
+
 #navigation {
   $padding-nav: 20px;
   $padding-nav-inner: 7px;
@@ -83,7 +108,7 @@
 
     > a {
       display: inline-block;
-      padding: 4px 0;
+      padding: 4px 0 8px 0;
       text-decoration: none;
       color: fade-out($color-link, .4);
 
@@ -154,7 +179,6 @@
       > .dropdown {
         visibility: visible;
         opacity: 1;
-        margin-top: 3px;
         transition-delay: 0s;
       }
     }
@@ -591,8 +615,6 @@
     }
   }
 
-
-
   .nav-wrapper {
     @media screen and (max-width: $desktop) {
       display: none;

data/app/views/bookends/_header.html.erb

@@ -1,6 +1,8 @@
 <div id="heroku-cookie-banner"></div>
 
-<a class="visuallyhidden" href="#skip-link">Skip Navigation</a>
+<!--googleoff: anchor-->
+<a class="visuallyhidden skip-link" href="#skip-link">Skip Navigation</a>
+<!--googleon: anchor-->
 
 <header id="header" data-uuid="<%= glostick_user_id %>" role="banner">
   <nav id="navigation" role="navigation">
@@ -79,7 +81,7 @@
                 <li><%= link_to_new_window('Leading Through Change with Data', 'https://www.tableau.com/leading-through-change?placement=homepage&utm_medium=Referral&utm_source=Salesforce', class: 'bookends-icon bullet') %></li>
                 <li><%= link_to_new_window('COVID-19 Data Hub', 'https://www.tableau.com/covid-19-coronavirus-data-resources?placement=homepage&utm_medium=Referral&utm_source=Salesforce', class: 'bookends-icon bullet') %></li>
                 <li><%= link_to_new_window('COVID-19 Global Daily Tracker', 'https://www.tableau.com/covid-19-coronavirus-data-resources/global-tracker?placement=homepage&utm_medium=Referral&utm_source=Salesforce', class: 'bookends-icon bullet') %></li>
-                <li><%= link_to_new_window('Global Economy Data Track', 'https://www.tableau.com/covid-19-coronavirus-data-resources/economy-data-track?placement=homepage&utm_medium=Referral&utm_source=Salesforce', class: 'bookends-icon bullet') %></li>                
+                <li><%= link_to_new_window('Global Economy Data Track', 'https://www.tableau.com/covid-19-coronavirus-data-resources/economy-data-track?placement=homepage&utm_medium=Referral&utm_source=Salesforce', class: 'bookends-icon bullet') %></li>
                 <li><%= link_to_new_window('Government Data Track', 'https://www.tableau.com/covid-19-coronavirus-data-resources/government-data-track?placement=homepage&utm_medium=Referral&utm_source=Salesforce', class: 'bookends-icon bullet') %></li>
                 <li><%= link_to_new_window('Healthcare Data Track', 'https://www.tableau.com/covid-19-coronavirus-data-resources/healthcare-data-track?placement=homepage&utm_medium=Referral&utm_source=Salesforce', class: 'bookends-icon bullet') %></li>
                 <li><%= link_to_new_window('B-Well Together', 'https://www.salesforce.com/resources/videos/be-well/?d=cta-glob-nav-5', class: 'bookends-icon bullet') %></li>

data/lib/bookends/version.rb

@@ -1,3 +1,3 @@
 module Bookends
-  VERSION = '10.0.5'.freeze
+  VERSION = '10.0.6'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bookends
 version: !ruby/object:Gem::Version
-  version: 10.0.5
+  version: 10.0.6
 platform: ruby
 authors:
 - Marketing Web Ops at heroku
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-06-23 00:00:00.000000000 Z
+date: 2020-11-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -749,7 +749,7 @@ files:
 homepage: https://www.heroku.com
 licenses: []
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -765,7 +765,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.0.3
-signing_key: 
+signing_key:
 specification_version: 4
 summary: an engine to abstract common html/css elements across Heroku properties
 test_files: