Commit 40bc912b0cc79aaa48780e46aae64bb45fa49e08
small tweaks durin gtour with andre
mix irving committed on 1/23/2018, 11:33:46 PMParent: 50a8f45832d95d56a26433d9cd66e7453416a55e
Files changed
| app/page/blogShow.mcss | changed |
| message/html/likes.js | changed |
| styles/css/fromMcss.js | changed |
| app/page/blogShow.mcss | ||
|---|---|---|
| @@ -1,9 +1,9 @@ | ||
| 1 | 1 | Page -blogShow { |
| 2 | 2 | // div.context {} |
| 3 | - div.content { padding: 0 } | |
| 4 | 3 | |
| 5 | 4 | div.content { |
| 5 | + padding: 0 | |
| 6 | 6 | section.top { |
| 7 | 7 | position: sticky |
| 8 | 8 | left: 0 |
| 9 | 9 | right: 0 |
| @@ -14,9 +14,9 @@ | ||
| 14 | 14 | } |
| 15 | 15 | } |
| 16 | 16 | |
| 17 | 17 | section.content { |
| 18 | - $maxWidth | |
| 18 | + $maxWidth | |
| 19 | 19 | padding: .8rem |
| 20 | 20 | margin: 0 auto |
| 21 | 21 | |
| 22 | 22 | header { |
| @@ -60,9 +60,9 @@ | ||
| 60 | 60 | img.Avatar {} |
| 61 | 61 | } |
| 62 | 62 | |
| 63 | 63 | div.rightCol { |
| 64 | - div.name { | |
| 64 | + div.name { | |
| 65 | 65 | font-size: .9rem |
| 66 | 66 | margin-bottom: .5rem |
| 67 | 67 | } |
| 68 | 68 | div.Button.-follow {} // extract |
| message/html/likes.js | ||
|---|---|---|
| @@ -12,12 +12,13 @@ | ||
| 12 | 12 | exports.create = (api) => { |
| 13 | 13 | return nest('message.html.likes', function likes (msg) { |
| 14 | 14 | var id = api.keys.sync.id() |
| 15 | 15 | var likes = api.message.obs.likes(msg.key) |
| 16 | + | |
| 16 | 17 | var iLike = computed(likes, likes => likes.includes(id)) |
| 17 | 18 | var count = computed(likes, likes => likes.length ? likes.length : '') |
| 18 | 19 | |
| 19 | - return h('Likes', {'ev-click': () => publishLike(msg, !iLike())}, [ | |
| 20 | + return h('Likes', { 'ev-click': () => publishLike(msg, !iLike()) }, [ | |
| 20 | 21 | h('i.fa', { className: when(iLike, 'fa-heart', 'fa-heart-o') }), |
| 21 | 22 | h('div.count', count) |
| 22 | 23 | ]) |
| 23 | 24 | }) |
| styles/css/fromMcss.js | ||
|---|---|---|
| @@ -4,14 +4,12 @@ | ||
| 4 | 4 | const { assign } = Object |
| 5 | 5 | |
| 6 | 6 | exports.gives = nest('styles.css') |
| 7 | 7 | |
| 8 | -exports.needs = { | |
| 9 | - styles: { | |
| 10 | - mcss: 'reduce', | |
| 11 | - mixins: 'reduce' | |
| 12 | - } | |
| 13 | -} | |
| 8 | +exports.needs = nest({ | |
| 9 | + 'styles.mcss': 'reduce', | |
| 10 | + 'styles.mixins': 'reduce' | |
| 11 | +}) | |
| 14 | 12 | |
| 15 | 13 | exports.create = function (api) { |
| 16 | 14 | return nest('styles.css', css) |
| 17 | 15 | |
Built with git-ssb-web