@internetarchive/ia-topnav 1.3.5-alpha15 → 1.3.5-alpha17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-topnav",
-  "version": "1.3.5-alpha15",
+  "version": "1.3.5-alpha17",
   "description": "Top nav for Internet Archive",
   "license": "AGPL-3.0-only",
   "main": "index.js",

package/src/ia-topnav.js

@@ -91,7 +91,10 @@ export default class IATopNav extends LitElement {
   firstUpdated() {
     // close open menu on `esc` click 
     document.addEventListener('keydown', e => {
-      if (e.key === 'Escape') this.closeMenus();
+      if (e.key === 'Escape') {
+        this.openMenu = '';
+        this.mediaSliderOpen = false;
+      }
     }, false);
   }
 

package/src/search-menu.js

@@ -114,7 +114,7 @@ class SearchMenu extends TrackedElement {
   }
 
   render() {
-    const searchMenuHidden = Boolean(!this.searchMenuOpen).toString();
+    const searchMenuHidden = Boolean(!this.openMenu).toString();
     const searchMenuExpanded = Boolean(this.searchMenuOpen).toString();
 
     if (this.hideSearch) {

package/src/styles/primary-nav.js

@@ -157,6 +157,7 @@ export default css`
   .user-menu:focus {
     color: var(--linkHoverColor);
     outline: none;
+    img { box-shadow: 0 0 0 1px #fff; }
   }
 
   .user-menu.active {

package/src/styles/search-menu.js

@@ -10,7 +10,7 @@ export default css`
     outline-color: var(--linkColor);
     outline-width: 0.16rem;
     outline-style: auto;
-    outline-offset: initial;
+    outline-offset: 2px;
   }
   .search-menu-inner {
     position: absolute;