Commit fc257fd3b75785431205902b7f48764d220ef8ca
add styling for h1 and attachment
mix irving committed on 4/10/2018, 10:06:11 PMParent: 9ae1c46f226c40c608560b66d0b5ca42ecce151b
Files changed
| app/page/blogNew.js | changed |
| app/page/blogNew.mcss | changed |
| app/page/blogNew.js | ||
|---|---|---|
| @@ -1,6 +1,6 @@ | ||
| 1 | 1 … | const nest = require('depnest') |
| 2 | -const { h, Struct, Value } = require('mutant') | |
| 2 … | +const { h, Struct, Value, when } = require('mutant') | |
| 3 | 3 … | const addSuggest = require('suggest-box') |
| 4 | 4 … | const pull = require('pull-stream') |
| 5 | 5 … | const marksum = require('markdown-summary') |
| 6 | 6 … | const MediumEditor = require('medium-editor').MediumEditor |
| @@ -54,28 +54,30 @@ | ||
| 54 | 54 … | var page = h('Page -blogNew', [ |
| 55 | 55 … | api.app.html.sideNav(location), |
| 56 | 56 … | h('div.content', [ |
| 57 | 57 … | h('div.container', [ |
| 58 | - h('div.field -channel', [ | |
| 59 | - h('div.label', strings.channel), | |
| 60 | - channelInput | |
| 61 | - ]), | |
| 62 | 58 … | h('div.field -title', [ |
| 63 | - h('div.label', strings.blogNew.field.title), | |
| 64 | 59 … | h('input', { |
| 65 | 60 … | 'ev-input': e => meta.title.set(e.target.value), |
| 61 … | + className: when(meta.title, '', '-empty'), | |
| 66 | 62 … | placeholder: strings.blogNew.field.title |
| 67 | 63 … | }) |
| 68 | 64 … | ]), |
| 65 … | + mediumComposer, | |
| 66 … | + h('div.field -attachment', | |
| 67 … | + AddFileButton({ api, filesById, meta, textArea: mediumComposer }) | |
| 68 … | + ), | |
| 69 … | + h('div.field -channel', [ | |
| 70 … | + h('div.label', strings.channel), | |
| 71 … | + channelInput | |
| 72 … | + ]), | |
| 69 | 73 … | h('div.field -summary', [ |
| 70 | 74 … | h('div.label', strings.blogNew.field.summary), |
| 71 | 75 … | h('input', { |
| 72 | 76 … | 'ev-input': e => meta.summary.set(e.target.value), |
| 73 | 77 … | placeholder: strings.blogNew.field.summary |
| 74 | 78 … | }) |
| 75 | 79 … | ]), |
| 76 | - mediumComposer, | |
| 77 | - AddFileButton({ api, filesById, meta, textArea: mediumComposer }), | |
| 78 | 80 … | composer |
| 79 | 81 … | ]) |
| 80 | 82 … | ]) |
| 81 | 83 … | ]) |
| app/page/blogNew.mcss | ||
|---|---|---|
| @@ -32,17 +32,67 @@ | ||
| 32 | 32 … | $borderSubtle |
| 33 | 33 … | outline: none |
| 34 | 34 … | } |
| 35 | 35 … | |
| 36 … | + -title { | |
| 37 … | + margin: 0 | |
| 36 | 38 … | |
| 39 … | + input { | |
| 40 … | + font-size: 2em | |
| 41 … | + font-weight: bold | |
| 42 … | + | |
| 43 … | + padding-top: 2rem | |
| 44 … | + border: none | |
| 45 … | + border-radius: 0 | |
| 46 … | + | |
| 47 … | + -empty { | |
| 48 … | + font-weight: normal | |
| 49 … | + font-style: italic | |
| 50 … | + } | |
| 51 … | + } | |
| 52 … | + } | |
| 53 … | + | |
| 54 … | + -attachment { | |
| 55 … | + margin-top: .5rem | |
| 56 … | + margin-left: 0 | |
| 57 … | + | |
| 58 … | + /* copied from message.html.compose */ | |
| 59 … | + input[type="file"] { | |
| 60 … | + border: none | |
| 61 … | + flex-grow: 0 | |
| 62 … | + | |
| 63 … | + color: transparent | |
| 64 … | + | |
| 65 … | + ::-webkit-file-upload-button { | |
| 66 … | + visibility: hidden | |
| 67 … | + } | |
| 68 … | + | |
| 69 … | + ::before { | |
| 70 … | + $attachButton | |
| 71 … | + /* padding-top: .3rem */ | |
| 72 … | + | |
| 73 … | + /* content: '📎' */ | |
| 74 … | + content: url('file.png') | |
| 75 … | + font-size: 1rem | |
| 76 … | + | |
| 77 … | + outline: none | |
| 78 … | + white-space: nowrap | |
| 79 … | + -webkit-user-select: none | |
| 80 … | + } | |
| 81 … | + | |
| 82 … | + :active, :focus { | |
| 83 … | + outline: none | |
| 84 … | + box-shadow: none | |
| 85 … | + } | |
| 86 … | + } | |
| 87 … | + } | |
| 88 … | + | |
| 37 | 89 … | -channel {} |
| 38 | - -title {} | |
| 39 | 90 … | } |
| 40 | 91 … | |
| 41 | 92 … | div.editor{ |
| 42 | 93 … | background-color: #fff |
| 43 | 94 … | padding: 1rem |
| 44 | - margin-top: 2rem | |
| 45 | 95 … | min-height: 30rem |
| 46 | 96 … | outline: none |
| 47 | 97 … | } |
| 48 | 98 … | |
Built with git-ssb-web