git ssb - style tweaks : block-quote, mentions, line spacing

mix irving committed on 5/29/2017, 1:02:34 PM
Parent: cc2435e554c14c59867bd5f8aa9adeb7ae503fb8

app/styles/css/global.js	changed
message/html/render/about.js	changed

app/styles/css/global.jsView
		@@ -10,12 +10,24 @@
10	10 …	}
11	11 …
12	12 …	const globalStyles = `
13	13 …	body {
14		- font-family: sans-serif;
	14 …	+ font-family: helvetica, sans-serif;
	15 …	+ font-size: 14px;
	16 …	+ line-height: 19px;
15	17 …	color: #222;
16	18 …	}
17	19 …
	20 …	+blockquote {
	21 …	+ border-left: 4px #e0e0e0 solid;
	22 …	+ color: #444;
	23 …	+ padding-left: 30px;
	24 …	+ background-color: #f9f9f9;
	25 …	+ padding: .2rem .2rem .2rem 1rem;
	26 …	+ margin: .5rem 0;
	27 …	+}
	28 …	+
	29 …	+
18	30 …	.emoji {
19	31 …	height: 1em;
20	32 …	width: 1em;
21	33 …	margin-bottom: .2rem;
		@@ -25,14 +37,14 @@
25	37 …	h1, h2, h3, h4, h5, h6, p, ul, ol {
26	38 …	margin-top: .35em;
27	39 …	}
28	40 …
29		-h1 { font-size: 1.2em; }
30		-h2 { font-size: 1.18em; }
31		-h3 { font-size: 1.15em; }
32		-h4 { font-size: 1.12em; }
33		-h5 { font-size: 1.1em; }
34		-h6 { font-size: 1em; }
	41 …	+h1 { font-size: 1.2rem; }
	42 …	+h2 { font-size: 1.18rem; }
	43 …	+h3 { font-size: 1.15rem; }
	44 …	+h4 { font-size: 1.12rem; }
	45 …	+h5 { font-size: 1.1rem; }
	46 …	+h6 { font-size: 1rem; }
35	47 …
36	48 …	* {
37	49 …	word-break: break-word;
38	50 …	}

message/html/render/about.jsView
		@@ -41,16 +41,18 @@
41	41 …
42	42 …	const metaData = [
43	43 …	when(name, h('div', [ h('strong', 'Name: '), name ])),
44	44 …	when(description, h('div', [ h('strong', 'Description: '), description ])),
45		- when(image, h('img', { src: api.blob.sync.url(image) }))
	45 …	+ when(image, h('img', { src: api.blob.sync.url(image), style: { 'margin-top': '.5rem' } }))
46	46 …	]
47	47 …
48	48 …	if (!ref.isFeed(about)) {
49	49 …	return [
50		- 'Describes ',
51		- h('a', { href: about }, [about.slice(0, 7), '...']),
52		- ' as: ',
	50 …	+ h('p', [
	51 …	+ 'Describes ',
	52 …	+ h('a', { href: about }, [about.slice(0, 7), '...']),
	53 …	+ ' as: '
	54 …	+ ]),
53	55 …	...metaData
54	56 …	]
55	57 …	}
56	58 …
		@@ -58,9 +60,9 @@
58	60 …	? 'themself '
59	61 …	: api.about.html.link(about)
60	62 …
61	63 …	return [
62		- 'Declares the following about ', target,
	64 …	+ h('p', `Declares the following about ${target}`),
63	65 …	...metaData
64	66 …	]
65	67 …	}
66	68 …	}

Dominic / patchbay