misc usability fixes:

- links: make all replay links valid hashtags instead of empty "#"
- replaybar: fix padding on dropdown menu button
- a11y/focus: only set focus on replay frame if no sidebar is visible
bump electron to latest 10.1.2
set version to 1.1.0!
This commit is contained in:
Ilya Kreymer
2020-09-16 13:27:10 -07:00
parent c5fecb88b2
commit 4068a0265d
9 changed files with 105 additions and 93 deletions
+3 -2
View File
@@ -4,7 +4,7 @@ import { LitElement, html, css, unsafeCSS } from 'lit-element';
import "keyword-mark-element/lib/keyword-mark.js";
import { getPageDateTS } from './pageutils';
import { getPageDateTS, getReplayLink } from './pageutils';
import { wrapCss } from './misc';
@@ -209,7 +209,8 @@ class PageEntry extends LitElement
</p>
</figure>
<div class="media-content ${this.isCurrent ? 'current' : ''}">
<div role="heading" aria-level="${this.isSidebar ? "4": "3"}"><a @click="${this.onReplay}" href="#">
<div role="heading" aria-level="${this.isSidebar ? "4": "3"}">
<a @click="${this.onReplay}" href="${getReplayLink("pages", this.page.url, this.timestamp)}">
${this.isCurrent ? html`<p class="curr-page is-pulled-right">Current Page</p>` : ``}
<p class="is-size-6 has-text-weight-bold has-text-link text">
<keyword-mark keywords="${this.query}">${p.title || p.url}</keyword-mark>