@internetarchive/ia-topnav 1.1.21 → 1.1.22

package/README.md

@@ -12,6 +12,8 @@ yarn add @internetarchive/ia-topnav
 
 @see [demo.html](demo.html) for the simplest example with all the defaults
 
+`yarn start` => open demo: `http://localhost:8000/demo.html`
+
 It shows a dynamic change of the logged in user name -- and how it will re-paint the menus.
 
 
@@ -80,6 +82,8 @@ export default IATopNav;
     --savePageSubmitText: var(--white);
     --savePageInputBorder: var(--grey60);
     --savePageErrorText: var(--errorYellow);
+
+    --topOffset: -1500px;
   }
 </style>
 
@@ -119,6 +123,7 @@ yarn install
 ```bash
 yarn start  // start development server and typescript compiler
 ```
+then open demo - http://localhost:8000/demo.html
 
 ## Testing
 
@@ -132,12 +137,6 @@ yarn test
 yarn test:bs
 ```
 
-## Demoing using storybook
-
-```bash
-yarn storybook
-```
-
 ## Linting
 
 ```bash

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@internetarchive/ia-topnav",
-  "version": "1.1.21",
+  "version": "1.1.22",
   "description": "Top nav for Internet Archive",
   "license": "AGPL-3.0-only",
   "main": "index.js",
@@ -18,10 +18,7 @@
     "format:prettier": "prettier \"**/*.js\" --write --ignore-path .gitignore",
     "lint": "npm run lint:eslint",
     "format": "npm run format:eslint && npm run format:prettier",
-    "test": "ulimit -v unlimited;  web-test-runner  'test/**/*.test.js' --node-resolve --coverage --puppeteer",
-    "site:build": "npm run storybook:build",
-    "storybook": "start-storybook -p 9001",
-    "storybook:build": "build-storybook -o _site -s storybook-static"
+    "test": "ulimit -v unlimited;  web-test-runner  'test/**/*.test.js' --node-resolve --coverage --puppeteer"
   },
   "dependencies": {
     "@internetarchive/ia-wayback-search": "^0.2.3"
@@ -60,6 +57,5 @@
       "eslint-config-prettier"
     ]
   },
-  "prettier": "@open-wc/prettier-config",
-  "gitHead": "5de5e1e871f061f14838886d0bb5de5035e1cafd"
+  "prettier": "@open-wc/prettier-config"
 }

package/src/ia-topnav.js

@@ -85,6 +85,7 @@ export default class IATopNav extends LitElement {
   menuSetup() {
     this.localLinks = this.getAttribute('localLinks') !== 'false' && this.getAttribute('localLinks') !== false;
     this.username = this.getAttribute('username')
+    this.screenName = this.username; // set screenName when username changes to display
     this.waybackPagesArchived = this.getAttribute('waybackPagesArchived') ?? ''
 
     // ensure we update other components that use `baseHost`

package/src/styles/dropdown-menu.js

@@ -1,10 +1,6 @@
 import { css } from 'https://offshoot.ux.archive.org/lit.js';
 
 export default css`
-  :host {
-    --topOffset: -1500px;
-  }
-
   .nav-container {
     position: relative;
   }
@@ -23,7 +19,7 @@ export default css`
 
   .initial,
   .closed {
-    top: var(--topOffset);
+    top: var(--topOffset, -1500px);
   }
 
   .closed {

package/src/styles/search-menu.js

@@ -1,10 +1,6 @@
 import { css } from 'https://offshoot.ux.archive.org/lit.js';
 
 export default css`
-  :host {
-    --topOffset: -800px;
-  }
-
   .menu-wrapper {
     position: relative;
   }
@@ -32,8 +28,7 @@ export default css`
   }
   .initial,
   .closed {
-    top: var(--topOffset);
-    display: none;
+    top: var(--topOffset, -1500px);
   }
   .closed {
     transition-duration: 0.2s;