git ssb - /posts keyboard nav · Dominic/patchbay@30af2ef3

mix irving committed on 7/1/2018, 10:11:09 PM
Parent: 2ad00a30b030cc01724cbb7998058c8880da46c5

app/page/posts.js	changed
app/page/posts.mcss	changed
app/sync/catch-keyboard-shortcut.js	changed

app/page/posts.jsView
		@@ -162,9 +162,12 @@
162	162 …
163	163 …	return h('ThreadCard',
164	164 …	{
165	165 …	className,
166		- attributes: { tabindex: '0' } // needed to be able to navigate and show focus()
	166 …	+ attributes: {
	167 …	+ tabindex: '0', // needed to be able to navigate and show focus()
	168 …	+ 'data-id': key // TODO do this with decorators?
	169 …	+ }
167	170 …	}, [
168	171 …	h('section.context', [
169	172 …	h('div.avatar', root.avatar),
170	173 …	h('div.name', root.author),

app/page/posts.mcssView
		@@ -12,8 +12,9 @@
12	12 …	ThreadCard {
13	13 …	-loading {
14	14 …	min-height: 20rem
15	15 …	}
	16 …	+ outline: none
16	17 …
17	18 …	display: grid
18	19 …	grid-template-columns: 8rem 1fr
19	20 …	grid-gap: 2rem
		@@ -105,5 +106,15 @@
105	106 …	div.preview { margin-left: .5rem }
106	107 …	}
107	108 …	}
108	109 …	}
	110 …	+ :focus {
	111 …	+ section.content-preview {
	112 …	+ div.root {
	113 …	+ div.Markdown {
	114 …	+ background: #6f0055
	115 …	+ transition: background .2s ease-in
	116 …	+ }
	117 …	+ }
	118 …	+ }
	119 …	+ }
109	120 …	}

app/sync/catch-keyboard-shortcut.jsView
		@@ -101,12 +101,13 @@
101	101 …	}
102	102 …
103	103 …	function goToMessage (ev, { goTo }) {
WritePreview
104	104 …	const msg = ev.target
105		- if (!msg.classList.contains('Message')) return
106	105 …
107		- goTo(msg.dataset.id)
108		- // TODO - rm the dataset.root decorator
	106 …	+ if (msg.dataset && msg.dataset.id) {
	107 …	+ goTo(msg.dataset.id)
	108 …	+ // TODO - rm the dataset.root decorator
	109 …	+ }
109	110 …	}
110	111 …
111	112 …	function toggleRawMessage (ev) {
112	113 …	const msg = ev.target

Dominic / patchbay