Commit 6c3bdbd49435992bf4c2e1505bde11b539b4fce2
additional tweaks to button and search styles
Ev Bogue committed on 9/4/2016, 2:58:36 AMParent: b460e646757a25a1561fa141222ddcec1acf5239
Files changed
| index.js | changed |
| static/styles.css | changed |
| index.js | ||
|---|---|---|
| @@ -461,9 +461,9 @@ | ||
| 461 | 461 … | '<h1><a href="/">' + app + |
| 462 | 462 … | (appName == 'ssb' ? '' : ' <sub>' + appName + '</sub>') + |
| 463 | 463 … | '</a></h1> ' + |
| 464 | 464 … | '<input class="search-bar" name="q" size="60"' + |
| 465 | - ' placeholder="🔍" value="' + q + '" />' + | |
| 465 … | + ' placeholder=" Search" value="' + q + '" />' + | |
| 466 | 466 … | '</form>' + |
| 467 | 467 … | '</header>' + |
| 468 | 468 … | '<article><hr />'), |
| 469 | 469 … | this.renderTry(read), |
| @@ -522,9 +522,9 @@ | ||
| 522 | 522 … | return c.type in msgTypes |
| 523 | 523 … | || (c.type == 'post' && c.repo && c.issue) |
| 524 | 524 … | }), |
| 525 | 525 … | typeof filter == 'function' ? filter(opts) : filter, |
| 526 | - pull.take(50), | |
| 526 … | + pull.take(100), | |
| 527 | 527 … | this.addAuthorName(), |
| 528 | 528 … | query.forwards && u.pullReverse(), |
| 529 | 529 … | paginate( |
| 530 | 530 … | function (first, cb) { |
| @@ -533,17 +533,17 @@ | ||
| 533 | 533 … | query.gt = gt |
| 534 | 534 … | query.forwards = 1 |
| 535 | 535 … | delete query.lt |
| 536 | 536 … | cb(null, '<a href="?' + qs.stringify(query) + '">' + |
| 537 | - req._t('Newer') + '</a>') | |
| 537 … | + req._t('Next') + '</a>') | |
| 538 | 538 … | }, |
| 539 | 539 … | paramap(this.renderFeedItem.bind(this, req), 8), |
| 540 | 540 … | function (last, cb) { |
| 541 | 541 … | query.lt = feedId ? last.value.sequence : last.value.timestamp - 1 |
| 542 | 542 … | delete query.gt |
| 543 | 543 … | delete query.forwards |
| 544 | 544 … | cb(null, '<a href="?' + qs.stringify(query) + '">' + |
| 545 | - req._t('Older') + '</a>') | |
| 545 … | + req._t('Previous') + '</a>') | |
| 546 | 546 … | }, |
| 547 | 547 … | function (cb) { |
| 548 | 548 … | if (query.forwards) { |
| 549 | 549 … | delete query.gt |
| static/styles.css | ||
|---|---|---|
| @@ -59,19 +59,22 @@ | ||
| 59 | 59 … | header .search-bar { |
| 60 | 60 … | float: right; |
| 61 | 61 … | margin-top: .5em; |
| 62 | 62 … | margin-left: 1ex; |
| 63 | - max-width: 65%; | |
| 63 … | + max-width: 35%; | |
| 64 | 64 … | padding: .25em; |
| 65 | - font-size: 10pt; | |
| 65 … | + font-size: .8em; | |
| 66 … | + background: #f5f5f5; | |
| 67 … | + border-radius: 1em; | |
| 66 | 68 … | } |
| 67 | 69 … | |
| 68 | 70 … | .profile-icon { |
| 69 | 71 … | height: 1.5em; |
| 70 | 72 … | width: 1.5em; |
| 71 | 73 … | margin-right: .2em; |
| 72 | - margin-left: .2em; | |
| 74 … | + margin-left: .15em; | |
| 73 | 75 … | margin-top: .4em; |
| 76 … | + margin-bottom: .5em; | |
| 74 | 77 … | border: 1px solid #eee; |
| 75 | 78 … | float: left; |
| 76 | 79 … | } |
| 77 | 80 … | |
| @@ -149,30 +152,18 @@ | ||
| 149 | 152 … | input { border: 1px solid #eee;} |
| 150 | 153 … | |
| 151 | 154 … | .btn { |
| 152 | 155 … | background: #eee; |
| 153 | - background: #eee linear-gradient(#eee, #ccc); | |
| 154 | - border-radius: .5ex; | |
| 155 | - border: 1px solid #aaa; | |
| 156 | - border-top: 1px solid #ccc; | |
| 157 | - border-left: 1px solid #ccc; | |
| 158 | - color: #444; | |
| 159 | - display: inline-block; | |
| 160 | - font-size: 1em; | |
| 161 | - font-weight: bold; | |
| 162 | - text-decoration: none; | |
| 163 | - text-shadow: 0 1px #eee; | |
| 156 … | + border: 1px solid #e7e7e7; | |
| 157 … | + margin-top: .5em; | |
| 158 … | + padding: .3em .6em; | |
| 159 … | + border-radius: .7em; | |
| 164 | 160 … | cursor: pointer; |
| 165 | - padding: .2ex .5ex; | |
| 166 | 161 … | } |
| 167 | 162 … | |
| 168 | 163 … | .btn:hover { |
| 169 | 164 … | background: #ddd; |
| 170 | - background: #ddd linear-gradient(#ddd, #aaa); | |
| 171 | - border: 1px solid #888; | |
| 172 | - border-top: 1px solid #aaa; | |
| 173 | - border-left: 1px solid #aaa; | |
| 174 | - color: #222; | |
| 165 … | + border: 1px solid #ccc; | |
| 175 | 166 … | } |
| 176 | 167 … | |
| 177 | 168 … | .name { |
| 178 | 169 … | font-size: inherit; |
| @@ -281,40 +272,32 @@ | ||
| 281 | 272 … | |
| 282 | 273 … | /* issues */ |
| 283 | 274 … | |
| 284 | 275 … | .issue-state { |
| 285 | - margin-right: .25ex; | |
| 286 | 276 … | } |
| 287 | 277 … | |
| 288 | 278 … | .issue-state-open { |
| 289 | - color: #38ae67; | |
| 290 | 279 … | } |
| 291 | 280 … | |
| 292 | 281 … | .issue-state-closed { |
| 293 | - color: #d84a38; | |
| 282 … | + color: black ; | |
| 294 | 283 … | } |
| 295 | 284 … | |
| 296 | 285 … | /* issue */ |
| 297 | 286 … | |
| 298 | 287 … | .issue-status { |
| 299 | - padding: .4ex .75ex; | |
| 300 | 288 … | margin-right: .75ex; |
| 301 | - border-radius: .5ex; | |
| 289 … | + border-radius: .2em; | |
| 302 | 290 … | } |
| 303 | 291 … | |
| 304 | 292 … | .open { |
| 305 | - background-color: #38ae67; | |
| 306 | - color: white; | |
| 307 | 293 … | font-weight: bold; |
| 308 | 294 … | } |
| 309 | 295 … | |
| 310 | 296 … | .btn.open:hover { |
| 311 | - background-color: #2b9d58; | |
| 312 | 297 … | } |
| 313 | 298 … | |
| 314 | 299 … | .closed { |
| 315 | - background-color: #d84a38; | |
| 316 | - color: white; | |
| 317 | 300 … | } |
| 318 | 301 … | |
| 319 | 302 … | .mention-preview { |
| 320 | 303 … | overflow: hidden; |
Built with git-ssb-web