Commit f615fd0a3c6e9a30d42fa265b44af3997347103a
minimal scroller style for new hypertabs
mix irving committed on 2/2/2017, 10:45:55 AMParent: f68b2a486afb54608328425f7f0315dfaa7d84e5
Files changed
| modules_basic/avatar/avatar.js | changed |
| modules_core/search-box.js | changed |
| modules_core/search-box.mcss | added |
| style.css | changed |
| modules_basic/avatar/avatar.js | ||
|---|---|---|
| @@ -20,8 +20,9 @@ | ||
| 20 | 20 … | avatar_name_link |
| 21 | 21 … | } |
| 22 | 22 … | |
| 23 | 23 … | function avatar (author, classes) { |
| 24 … | + // ??? BUG | |
| 24 | 25 … | return exports.avatar_image_name_link(author, classes) |
| 25 | 26 … | } |
| 26 | 27 … | |
| 27 | 28 … | function avatar_image_name_link (author, classes) { |
| modules_core/search-box.js | |||
|---|---|---|---|
| @@ -1,37 +1,48 @@ | |||
| 1 | 1 … | ||
| 2 | -var h = require('hyperscript') | ||
| 2 … | +const h = require('../h') | ||
| 3 … | +const fs = require('fs') | ||
| 3 | 4 … | ||
| 5 … | + | ||
| 4 | 6 … | exports.needs = { | |
| 5 | 7 … | suggest_search: 'map', //REWRITE | |
| 6 | 8 … | build_suggest_box: 'first' | |
| 7 | 9 … | } | |
| 8 | 10 … | ||
| 9 | -exports.gives = 'search_box' | ||
| 11 … | +exports.gives = { | ||
| 12 … | + search_box: true, | ||
| 13 … | + mcss: true | ||
| 14 … | +} | ||
| 10 | 15 … | ||
| 11 | 16 … | exports.create = function (api) { | |
| 12 | 17 … | ||
| 13 | - return function (go) { | ||
| 18 … | + return { | ||
| 19 … | + search_box, | ||
| 20 … | + mcss: () => fs.readFileSync(__filename.replace(/js$/, 'mcss'), 'utf8') | ||
| 21 … | + } | ||
| 22 … | + | ||
| 23 … | + function search_box (go) { | ||
| 24 … | + var search = h('Search', [ | ||
| 25 … | + h('input', { | ||
| 26 … | + type: 'search', | ||
| 27 … | + placeholder: 'Commands', | ||
| 28 … | + 'ev-click': ev => { | ||
| 29 … | + switch (ev.keyCode) { | ||
| 30 … | + case 13: // enter | ||
| 31 … | + ev.stopPropagation() | ||
| 32 … | + suggestBox.complete() | ||
| 14 | 33 … | ||
| 15 | - var search = h('input.searchprompt', { | ||
| 16 | - type: 'search', | ||
| 17 | - placeholder: 'Commands', | ||
| 18 | - onkeydown: ev => { | ||
| 19 | - switch (ev.keyCode) { | ||
| 20 | - case 13: // enter | ||
| 21 | - ev.stopPropagation() | ||
| 22 | - suggestBox.complete() | ||
| 23 | - | ||
| 24 | - if (go(search.value.trim(), !ev.ctrlKey)) | ||
| 34 … | + if (go(search.value.trim(), !ev.ctrlKey)) | ||
| 35 … | + search.blur() | ||
| 36 … | + return | ||
| 37 … | + case 27: // escape | ||
| 38 … | + ev.preventDefault() | ||
| 25 | 39 … | search.blur() | |
| 26 | - return | ||
| 27 | - case 27: // escape | ||
| 28 | - ev.preventDefault() | ||
| 29 | - search.blur() | ||
| 30 | - return | ||
| 40 … | + return | ||
| 41 … | + } | ||
| 31 | 42 … | } | |
| 32 | - } | ||
| 33 | - }) | ||
| 43 … | + }) | ||
| 44 … | + ]) | ||
| 34 | 45 … | ||
| 35 | 46 … | search.activate = (sigil, ev) => { | |
| 36 | 47 … | search.focus() | |
| 37 | 48 … | ev.preventDefault() | |
| modules_core/search-box.mcss | ||
|---|---|---|
| @@ -1,0 +1,13 @@ | ||
| 1 … | +Search { | |
| 2 … | + input { | |
| 3 … | + height: 1.4rem | |
| 4 … | + border-radius: .1rem | |
| 5 … | + | |
| 6 … | + padding-left: .7rem | |
| 7 … | + padding-right: .5rem | |
| 8 … | + | |
| 9 … | + margin-left: 1em | |
| 10 … | + /* margin-right: 1em */ | |
| 11 … | + } | |
| 12 … | +} | |
| 13 … | + | |
| style.css | ||
|---|---|---|
| @@ -236,17 +236,8 @@ | ||
| 236 | 236 … | |
| 237 | 237 … | /* searchprompt */ |
| 238 | 238 … | |
| 239 | 239 … | .searchprompt { |
| 240 | - float: left; | |
| 241 | - width: 85%; | |
| 242 | - height: 2em; | |
| 243 | - margin-top: .3em; | |
| 244 | - border-radius: 1em; | |
| 245 | - padding-left: .7em; | |
| 246 | - padding-right: 0.5em; | |
| 247 | - margin-left: 1em; | |
| 248 | - margin-right: 1em; | |
| 249 | 240 … | } |
| 250 | 241 … | |
| 251 | 242 … | /* TextNodeSearcher highlights */ |
| 252 | 243 … | |
Built with git-ssb-web