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
+5 -2
View File
@@ -4,7 +4,7 @@ import { wrapCss } from './misc';
import { unsafeHTML } from 'lit-html/directives/unsafe-html';
import marked from 'marked';
import { getTS } from './pageutils';
import { getTS, getReplayLink } from './pageutils';
import Split from 'split.js'
@@ -296,10 +296,13 @@ class Story extends LitElement
renderCPage(p) {
const date = new Date(p.ts);
const ts = getTS(date.toISOString());
return html`
<li>
<div class="content">
<a @click="${this.onReplay}" data-url="${p.url}" data-ts="${getTS(date.toISOString())}" href="#">
<a @click="${this.onReplay}" data-url="${p.url}" data-ts="${ts}"
href="${getReplayLink("story", p.url, ts)}">
<p class="is-size-6 has-text-weight-bold has-text-link">${p.title}</p>
<p class="has-text-dark">${p.url}</p>
</a>