git ssb - mini message: click to goTo them, raw-content format fix

mixmix committed on 10/10/2018, 9:19:35 PM
Parent: 133fc7109eebd6afa6f7a9fe6ae197c95ca45184

message/html/decorate/data-root.js	changed
message/html/layout/mini.js	changed
message/html/layout/mini.mcss	changed

message/html/decorate/data-root.jsView
		@@ -4,7 +4,8 @@
4	4 …
5	5 …	exports.create = (api) => {
6	6 …	return nest('message.html.decorate', function (element, { msg }) {
7	7 …	if (msg.value.content.root) element.dataset.root = msg.value.content.root
	8 …	+ if (msg.value.content.about) element.dataset.root = msg.value.content.about
8	9 …	return element
9	10 …	})
10	11 …	}

message/html/layout/mini.jsView
		@@ -1,12 +1,13 @@
1	1 …	const nest = require('depnest')
2	2 …	const { h, Value } = require('mutant')
3	3 …
4		-exports.needs = nest('message.html', {
5		- backlinks: 'first',
6		- author: 'first',
7		- meta: 'map',
8		- timestamp: 'first'
	4 …	+exports.needs = nest({
	5 …	+ 'app.sync.goTo': 'first',
	6 …	+ 'message.html.backlinks': 'first',
	7 …	+ 'message.html.author': 'first',
	8 …	+ 'message.html.meta': 'map',
	9 …	+ 'message.html.timestamp': 'first'
9	10 …	})
10	11 …
11	12 …	exports.gives = nest('message.html.layout')
12	13 …
		@@ -25,9 +26,9 @@
25	26 …	}, [
26	27 …	h('section.timestamp', {}, api.message.html.timestamp(msg)),
27	28 …	h('header.author', {}, api.message.html.author(msg, { size: 'mini' })),
28	29 …	h('section.meta', {}, api.message.html.meta(msg, { rawMessage })),
29		- h('section.content', {}, opts.content),
	30 …	+ h('section.content', { 'ev-click': () => api.app.sync.goTo(msg) }, opts.content),
30	31 …	h('section.raw-content', rawMessage)
31	32 …	])
32	33 …	}
33	34 …	}

message/html/layout/mini.mcssView
		@@ -4,8 +4,9 @@
4	4 …	padding: .25rem .5rem
5	5 …	min-height: inherit
6	6 …
7	7 …	display: flex
	8 …	+ flex-wrap: wrap
8	9 …
9	10 …	/* TODO - bring style inline with default.mcss */
10	11 …
11	12 …	section.timestamp {
		@@ -29,8 +30,9 @@
29	30 …	order: 2
30	31 …	flex-basis: initial
31	32 …	flex-grow: 1
32	33 …
	34 …	+ cursor: pointer
33	35 …	margin-top: 0
34	36 …	}
35	37 …
36	38 …	section.meta {
		@@ -48,6 +50,23 @@
48	50 …
49	51 …	section.raw-content {
50	52 …	order: 4
51	53 …	margin-left: 0
	54 …	+
	55 …	+ pre {
	56 …	+ border: 1px gainsboro solid
	57 …	+ padding: .8rem
	58 …	+ background-color: #f5f5f5
	59 …	+ color: #c121dc
	60 …	+ padding: .3rem
	61 …	+ white-space: pre-wrap
	62 …	+ word-wrap: break-word
	63 …	+
	64 …	+ span {
	65 …	+ font-weight: 600
	66 …	+ }
	67 …	+ a {
	68 …	+ word-break: break-all
	69 …	+ }
	70 …	+ }
52	71 …	}
53	72 …	}

Dominic / patchbay