Commit 5adda321ba346df2f7f08c633b873a70704fc195
add some styling to example
Matt McKegg committed on 2/12/2017, 1:52:32 PMParent: e4a8f57839970dc79c72407cc435f71d8fa8d401
Files changed
components/message/author.js | changed |
components/message/layout.js | changed |
example.js | changed |
package.json | changed |
components/message/author.js | ||
---|---|---|
@@ -9,7 +9,7 @@ | ||
9 | 9 … | message_author |
10 | 10 … | } |
11 | 11 … | |
12 | 12 … | function message_author (msg) { |
13 | - return h('div', {}, [msg.value.author]) | |
13 … | + return h('div', {}, [msg.value.author.slice(0, 10)]) | |
14 | 14 … | } |
15 | 15 … | } |
components/message/layout.js | ||
---|---|---|
@@ -26,9 +26,10 @@ | ||
26 | 26 … | |
27 | 27 … | // scoped |
28 | 28 … | |
29 | 29 … | function full (msg, opts) { |
30 | - var msgEl = h('Message', { | |
30 … | + var msgEl = h('div', { | |
31 … | + classList: 'Message', | |
31 | 32 … | 'ev-keydown': navigateToMessageOnEnter, |
32 | 33 … | attributes: { |
33 | 34 … | tabindex: '0', |
34 | 35 … | 'data-key': msg.key, |
@@ -65,9 +66,10 @@ | ||
65 | 66 … | } |
66 | 67 … | } |
67 | 68 … | |
68 | 69 … | function mini(msg, opts) { |
69 | - return h('Message -mini', { | |
70 … | + return h('div', { | |
71 … | + classList: 'Message -mini', | |
70 | 72 … | attributes: { |
71 | 73 … | tabindex: '0', |
72 | 74 … | 'data-key': msg.key |
73 | 75 … | } |
example.js | ||
---|---|---|
@@ -5,11 +5,21 @@ | ||
5 | 5 … | const modules = require('./') |
6 | 6 … | var api = entry(combine(modules)) |
7 | 7 … | |
8 | 8 … | // TODO depject.entry(sockets, { |
9 | -// app: 'first' | |
9 … | +// render_feed: 'first', | |
10 … | +// feeds: { | |
11 … | +// public: 'first' | |
12 … | +// } | |
10 | 13 … | // })() |
11 | 14 … | |
15 … | +require('insert-css')(` | |
16 … | + .Message { | |
17 … | + padding: 20px; | |
18 … | + border-bottom: 1px solid #EEE | |
19 … | + } | |
20 … | +`) | |
21 … | + | |
12 | 22 … | var app = h('div.App', [ |
13 | 23 … | api.render_feed(api.feeds.public) |
14 | 24 … | ]) |
15 | 25 … |
package.json | ||
---|---|---|
@@ -27,9 +27,9 @@ | ||
27 | 27 … | "bulk-require": "^1.0.0", |
28 | 28 … | "bulkify": "^1.4.2", |
29 | 29 … | "emoji-named-characters": "^1.0.2", |
30 | 30 … | "es2040": "^1.2.4", |
31 | - "mutant": "^3.13.0", | |
31 … | + "mutant": "^3.13.1", | |
32 | 32 … | "pull-reconnect": "0.0.3", |
33 | 33 … | "pull-stream": "^3.5.0", |
34 | 34 … | "ssb-client": "^4.4.0", |
35 | 35 … | "ssb-config": "^2.2.0", |
@@ -45,7 +45,8 @@ | ||
45 | 45 … | ] |
46 | 46 … | }, |
47 | 47 … | "devDependencies": { |
48 | 48 … | "depject": "^3.1.5", |
49 | - "electro": "^2.0.3" | |
49 … | + "electro": "^2.0.3", | |
50 … | + "insert-css": "^2.0.0" | |
50 | 51 … | } |
51 | 52 … | } |
Built with git-ssb-web