Commit 90fd465da992b9a0c6ce19b5cbd52d9eff064bd3
Merge branch 'compact'
Dominic Tarr committed on 10/26/2016, 3:44:23 PMParent: 96310c904c89535e9578346eb2306036f0ea85c4
Parent: bc807ef7bb9327316c4fba7c60dc237ba3879140
Files changed
| modules/message.js | changed |
| modules/theme.js | changed |
| modules/timestamp.js | changed |
| style.css | changed |
| modules/message.js | ||
|---|---|---|
| @@ -16,13 +16,14 @@ | ||
| 16 | 16 … | |
| 17 | 17 … | exports.message_render = function (msg, sbot) { |
| 18 | 18 … | var elMini = message_content_mini(msg) |
| 19 | 19 … | if (elMini) { |
| 20 | - var div = h('div.message', | |
| 21 | - h('div.message_content.row', | |
| 20 … | + var div = h('div.message.message--mini', | |
| 21 … | + h('div.row', | |
| 22 | 22 … | h('div', |
| 23 | 23 … | avatar_link(msg.value.author, avatar_name(msg.value.author), ''), |
| 24 | - ' ', elMini), | |
| 24 … | + ' ', | |
| 25 … | + h('span.message_content', elMini)), | |
| 25 | 26 … | h('div.message_meta.row', message_meta(msg)) |
| 26 | 27 … | ) |
| 27 | 28 … | ) |
| 28 | 29 … | div.setAttribute('tabindex', '0') |
| modules/theme.js | ||
|---|---|---|
| @@ -29,9 +29,10 @@ | ||
| 29 | 29 … | }) |
| 30 | 30 … | } |
| 31 | 31 … | |
| 32 | 32 … | function useSavedTheme() { |
| 33 | - useTheme(localStorage.themeId || defaultTheme.id) | |
| 33 … | + //enable setting "NONE" as your theme, and having that persist. | |
| 34 … | + useTheme(localStorage.themeId == null ? defaultTheme.id : localStorage.themeId) | |
| 34 | 35 … | } |
| 35 | 36 … | |
| 36 | 37 … | next(useSavedTheme) |
| 37 | 38 … | |
| modules/timestamp.js | ||
|---|---|---|
| @@ -1,7 +1,12 @@ | ||
| 1 | 1 … | var h = require('hyperscript') |
| 2 | -var human = require('human-time') | |
| 2 … | +var _human = require('human-time') | |
| 3 | 3 … | |
| 4 … | +function human (date) { | |
| 5 … | + var s =_human(date).split(' ') | |
| 6 … | + return s[0] + (s[1] == 'month' ? 'M' : s[1][0]) | |
| 7 … | +} | |
| 8 … | + | |
| 4 | 9 … | function updateTimestampEl(el) { |
| 5 | 10 … | el.firstChild.nodeValue = human(new Date(el.timestamp)) |
| 6 | 11 … | return el |
| 7 | 12 … | } |
| @@ -11,11 +16,14 @@ | ||
| 11 | 16 … | els.forEach(updateTimestampEl) |
| 12 | 17 … | }, 60e3) |
| 13 | 18 … | |
| 14 | 19 … | exports.message_meta = function (msg) { |
| 20 … | + var d = new Date(msg.value.timestamp) | |
| 15 | 21 … | return updateTimestampEl(h('a.enter.timestamp', { |
| 16 | 22 … | href: '#'+msg.key, |
| 17 | 23 … | timestamp: msg.value.timestamp, |
| 18 | - title: new Date(msg.value.timestamp) | |
| 24 … | + title: _human(d) + '\n'+d | |
| 19 | 25 … | }, '')) |
| 20 | 26 … | } |
| 21 | 27 … | |
| 28 … | + | |
| 29 … | + | |
| style.css | |||
|---|---|---|---|
| @@ -163,25 +163,36 @@ | |||
| 163 | 163 … | ||
| 164 | 164 … | /* messages */ | |
| 165 | 165 … | ||
| 166 | 166 … | .message { | |
| 167 | - display: block; | ||
| 168 | - flex-basis: 0; | ||
| 169 | 167 … | word-wrap: break-word; | |
| 170 | - display: inline-block; | ||
| 171 | 168 … | margin-bottom: 1em; | |
| 172 | 169 … | padding: 0.3rem; | |
| 173 | 170 … | border-radius: 2px; | |
| 174 | 171 … | box-shadow: #dadada 1px 2px 8px; | |
| 172 … | + background: white; | ||
| 175 | 173 … | } | |
| 176 | 174 … | ||
| 175 … | +.message--mini { | ||
| 176 … | + margin-bottom: 1em; | ||
| 177 … | + padding: ; | ||
| 178 … | + border-radius: 0; | ||
| 179 … | + box-shadow: none; | ||
| 180 … | + background: inherit; | ||
| 181 … | +} | ||
| 182 … | + | ||
| 177 | 183 … | .message_content div > span { | |
| 178 | 184 … | font-size: 0.8rem; | |
| 179 | 185 … | margin-bottom: 0.7rem; | |
| 180 | 186 … | display: block; | |
| 181 | 187 … | color: #888; | |
| 182 | 188 … | } | |
| 183 | 189 … | ||
| 190 … | +.message_content--mini div > span { | ||
| 191 … | + display: inline-block; | ||
| 192 … | +} | ||
| 193 … | + | ||
| 194 … | + | ||
| 184 | 195 … | .message_content div > span a { | |
| 185 | 196 … | color: #005d8c; | |
| 186 | 197 … | } | |
| 187 | 198 … | ||
| @@ -210,8 +221,16 @@ | |||
| 210 | 221 … | .message img { | |
| 211 | 222 … | max-width: 100%; | |
| 212 | 223 … | } | |
| 213 | 224 … | ||
| 225 … | +.message > .title > .avatar { | ||
| 226 … | + margin-left: 0; | ||
| 227 … | +} | ||
| 228 … | + | ||
| 229 … | +.message_content { | ||
| 230 … | + padding: .5ex; | ||
| 231 … | +} | ||
| 232 … | + | ||
| 214 | 233 … | .actions > * { | |
| 215 | 234 … | padding-left: 5px; | |
| 216 | 235 … | margin-left: 1px; | |
| 217 | 236 … | } | |
| @@ -220,16 +239,9 @@ | |||
| 220 | 239 … | border-right: 2px solid #eee; | |
| 221 | 240 … | padding-right: 5px; | |
| 222 | 241 … | } | |
| 223 | 242 … | ||
| 224 | -.message > .title > .avatar { | ||
| 225 | - margin-left: 0; | ||
| 226 | -} | ||
| 227 | 243 … | ||
| 228 | -.message_content { | ||
| 229 | - padding: .5ex; | ||
| 230 | -} | ||
| 231 | - | ||
| 232 | 244 … | /* -- suggest box */ | |
| 233 | 245 … | ||
| 234 | 246 … | .suggest-box > * { | |
| 235 | 247 … | display: block; | |
| @@ -257,13 +269,8 @@ | |||
| 257 | 269 … | .avatar--fullsize { | |
| 258 | 270 … | border: 1px solid #eee; | |
| 259 | 271 … | } | |
| 260 | 272 … | ||
| 261 | -.avatar { | ||
| 262 | - display: flex; | ||
| 263 | - flex-direction: row; | ||
| 264 | -} | ||
| 265 | - | ||
| 266 | 273 … | .avatar--large { | |
| 267 | 274 … | width: 10em; | |
| 268 | 275 … | height: 10em; | |
| 269 | 276 … | } | |
| @@ -437,6 +444,7 @@ | |||
| 437 | 444 … | .hypertabs--selected .hypertabs__x { | |
| 438 | 445 … | display: block; | |
| 439 | 446 … | } | |
| 440 | 447 … | ||
| 441 | - | ||
| 442 | - | ||
| 448 … | +.screen { | ||
| 449 … | + background: #f5f5f5 | ||
| 450 … | +} | ||
Built with git-ssb-web