Commit 23c8bbd3f9f930a0a1fb464a50c47d9218e80173
STYLING - blogcard
mix irving committed on 10/16/2017, 11:02:17 PMParent: 55f65b5f081677702c9c21215926ac33bbda7272
Files changed
| app/html/blog-card.mcss | changed |
| app/page/blogIndex.js | changed |
| app/page/blogIndex.mcss | changed |
| app/page/page.mcss | changed |
| styles/mixins.js | changed |
| app/html/blog-card.mcss | ||
|---|---|---|
| @@ -1,14 +1,14 @@ | ||
| 1 | 1 | BlogCard { |
| 2 | 2 | padding: 1rem |
| 3 | 3 | background-color: #fff |
| 4 | - margin-bottom: .5rem | |
| 5 | 4 | |
| 6 | 5 | border: 1px solid #fff |
| 7 | 6 | transition: all .5s ease |
| 8 | 7 | |
| 9 | 8 | :hover { |
| 10 | - border: 1px solid #999 | |
| 9 | + border: 1px solid gainsboro | |
| 10 | + box-shadow: gainsboro 2px 2px 10px | |
| 11 | 11 | } |
| 12 | 12 | |
| 13 | 13 | display: flex |
| 14 | 14 | flex-direction: column |
| app/page/blogIndex.js | ||
|---|---|---|
| @@ -54,9 +54,9 @@ | ||
| 54 | 54 | morePlease = true |
| 55 | 55 | requestIdleCallback(threadsObs.more) |
| 56 | 56 | } |
| 57 | 57 | |
| 58 | - var updates = h('div.threads', []) | |
| 58 | + var updates = h('div.blogs', []) | |
| 59 | 59 | contentHtmlObs = More( |
| 60 | 60 | threadsObsDebounced, |
| 61 | 61 | function render (threads) { |
| 62 | 62 | |
| @@ -93,9 +93,9 @@ | ||
| 93 | 93 | .sort((a, b) => latestUpdate(b) - latestUpdate(a)) |
| 94 | 94 | |
| 95 | 95 | morphdom( |
| 96 | 96 | updates, |
| 97 | - h('div.threads', | |
| 97 | + h('div.blogs', | |
| 98 | 98 | groupedThreads.map(thread => { |
| 99 | 99 | const { recps, channel } = thread.value.content |
| 100 | 100 | var onClick |
| 101 | 101 | if (channel && !recps) |
| app/page/blogIndex.mcss | ||
|---|---|---|
| @@ -1,7 +1,17 @@ | ||
| 1 | 1 | Page -blogIndex { |
| 2 | 2 | |
| 3 | 3 | div.content { |
| 4 | 4 | $backgroundPrimary |
| 5 | + | |
| 6 | + div.Button { | |
| 7 | + margin: 1rem 0 | |
| 8 | + } | |
| 9 | + | |
| 10 | + div.blogs { | |
| 11 | + div.BlogCard { | |
| 12 | + margin-bottom: .5rem | |
| 13 | + } | |
| 14 | + } | |
| 5 | 15 | } |
| 6 | 16 | } |
| 7 | 17 | |
Built with git-ssb-web