Commit f09fd788e61378d47dac27b0766e6ecc1ad51ffb
trim old styles woop!
mix irving committed on 1/4/2017, 9:49:16 PMParent: f3abfca785a8f7b93cc0240027581e4dbe4385d9
Files changed
| modules_basic/message-author.mcss | changed |
| modules_basic/message.mcss | changed |
| modules_basic/timestamp.mcss | changed |
| modules_core/index.js | changed |
| modules_core/message-confirm.js | changed |
| modules_core/message-confirm.mcss | changed |
| modules_core/style-mixins.js | changed |
| style.css | changed |
| modules_basic/message-author.mcss | ||
|---|---|---|
| @@ -2,19 +2,19 @@ | ||
| 2 | 2 … | display: flex |
| 3 | 3 … | flex-direction: column |
| 4 | 4 … | |
| 5 | 5 … | section { |
| 6 | - -image { | |
| 6 … | + -image { | |
| 7 | 7 … | margin-bottom: .3rem |
| 8 | 8 … | } |
| 9 | 9 … | |
| 10 | 10 … | -name { |
| 11 | 11 … | max-width: 7rem |
| 12 | - a { $text-primary } | |
| 12 … | + a { $textPrimary } | |
| 13 | 13 … | } |
| 14 | 14 … | |
| 15 | 15 … | -timestamp { |
| 16 | - | |
| 16 … | + | |
| 17 | 17 … | } |
| 18 | 18 … | } |
| 19 | 19 … | |
| 20 | 20 … | -mini { |
| modules_basic/message.mcss | |||
|---|---|---|---|
| @@ -7,9 +7,9 @@ | |||
| 7 | 7 … | display: flex | |
| 8 | 8 … | flex-direction: row | |
| 9 | 9 … | flex-wrap: wrap | |
| 10 | 10 … | justify-content: flex-end | |
| 11 | - | ||
| 11 … | + | ||
| 12 | 12 … | header.author { | |
| 13 | 13 … | position: absolute | |
| 14 | 14 … | left: .5rem | |
| 15 | 15 … | } | |
| @@ -20,11 +20,11 @@ | |||
| 20 | 20 … | } | |
| 21 | 21 … | ||
| 22 | 22 … | section.meta { | |
| 23 | 23 … | display: flex | |
| 24 | - a { | ||
| 24 … | + a { | ||
| 25 | 25 … | margin-left: .2rem | |
| 26 | - $text-subtle | ||
| 26 … | + $textSubtle | ||
| 27 | 27 … | } | |
| 28 | 28 … | ||
| 29 | 29 … | input{ | |
| 30 | 30 … | margin-right: 0 | |
| modules_basic/timestamp.mcss | ||
|---|---|---|
| @@ -1,7 +1,7 @@ | ||
| 1 | 1 … | Timestamp { |
| 2 | 2 … | a { |
| 3 | - $text-subtle | |
| 3 … | + $textSubtle | |
| 4 | 4 … | font-size: .8rem |
| 5 | 5 … | } |
| 6 | 6 … | } |
| 7 | 7 … | |
| modules_core/index.js | ||
|---|---|---|
| @@ -7,8 +7,8 @@ | ||
| 7 | 7 … | "menu.js": require('./menu.js'), |
| 8 | 8 … | "message-confirm.js": require('./message-confirm.js'), |
| 9 | 9 … | "tabs.js": require('./tabs.js'), |
| 10 | 10 … | "sbot.js": require('./sbot.js'), |
| 11 | - "style-mixins.js": require('./style-mixins.js'), | |
| 12 | - "styles.js": require('./styles.js') | |
| 11 … | + "styles.js": require('./styles.js'), | |
| 12 … | + "style-mixins.js": require('./style-mixins.js') | |
| 13 | 13 … | } |
| 14 | 14 … | |
| modules_core/message-confirm.js | ||
|---|---|---|
| @@ -1,12 +1,12 @@ | ||
| 1 | -const fs = require('fs') | |
| 2 | -const lightbox = require('hyperlightbox') | |
| 3 | -const h = require('../h') | |
| 4 | -const u = require('../util') | |
| 5 | -const self_id = require('../keys').id | |
| 1 … | +var fs = require('fs') | |
| 2 … | +var lightbox = require('hyperlightbox') | |
| 3 … | +var h = require('../h') | |
| 4 … | +var u = require('../util') | |
| 5 … | +var self_id = require('../keys').id | |
| 6 | 6 … | //publish or add |
| 7 | 7 … | |
| 8 | -const plugs = require('../plugs') | |
| 8 … | +var plugs = require('../plugs') | |
| 9 | 9 … | |
| 10 | 10 … | exports.needs = { |
| 11 | 11 … | publish: 'first', |
| 12 | 12 … | message_render: 'first', |
| modules_core/message-confirm.mcss | ||
|---|---|---|
| @@ -5,25 +5,27 @@ | ||
| 5 | 5 … | |
| 6 | 6 … | -message_preview { |
| 7 | 7 … | background-color: white |
| 8 | 8 … | |
| 9 | - div { | |
| 9 … | + div { | |
| 10 | 10 … | border: none |
| 11 | - header.author { | |
| 11 … | + | |
| 12 … | + header.author { | |
| 12 | 13 … | div { |
| 13 | 14 … | section { |
| 14 | 15 … | -timestamp { |
| 15 | 16 … | display: none |
| 16 | 17 … | } |
| 17 | 18 … | } |
| 18 | 19 … | } |
| 19 | 20 … | } |
| 20 | - section.action { | |
| 21 … | + | |
| 22 … | + section.action { | |
| 21 | 23 … | display: none |
| 22 | 24 … | } |
| 23 | 25 … | } |
| 24 | 26 … | } |
| 25 | - | |
| 27 … | + | |
| 26 | 28 … | -actions { |
| 27 | 29 … | margin-top: 1rem |
| 28 | 30 … | display: flex |
| 29 | 31 … | justify-content: flex-end |
| @@ -31,6 +33,7 @@ | ||
| 31 | 33 … | button { |
| 32 | 34 … | margin: 0 0 0 1rem |
| 33 | 35 … | } |
| 34 | 36 … | } |
| 37 … | + } | |
| 35 | 38 … | } |
| 36 | 39 … | |
| modules_core/style-mixins.js | ||
|---|---|---|
| @@ -1,11 +1,11 @@ | ||
| 1 | 1 … | |
| 2 | 2 … | const mixins = ` |
| 3 | - $text-primary { | |
| 3 … | + $textPrimary { | |
| 4 | 4 … | color: black |
| 5 | 5 … | } |
| 6 | 6 … | |
| 7 | - $text-subtle { | |
| 7 … | + $textSubtle { | |
| 8 | 8 … | color: gray |
| 9 | 9 … | } |
| 10 | 10 … | ` |
| 11 | 11 … | |
| style.css | ||
|---|---|---|
| @@ -101,9 +101,9 @@ | ||
| 101 | 101 … | border-radius: .2em; |
| 102 | 102 … | font-family: sans-serif; |
| 103 | 103 … | } |
| 104 | 104 … | |
| 105 | -input:focus, .compose:focus, .message:focus, button:focus { | |
| 105 … | +input:focus, .compose:focus, button:focus { | |
| 106 | 106 … | outline: none; |
| 107 | 107 … | border-color: #0088cc; |
| 108 | 108 … | box-shadow: 0 0 4px #0088cc; |
| 109 | 109 … | } |
| @@ -176,86 +176,14 @@ | ||
| 176 | 176 … | float: right; |
| 177 | 177 … | } |
| 178 | 178 … | |
| 179 | 179 … | /* messages */ |
| 180 | -/*to be deprecated once message preview is converted to modular style*/ | |
| 180 … | +/* is .title used any more? */ | |
| 181 | 181 … | |
| 182 | -.message { | |
| 183 | - position: relative; | |
| 184 | - flex-basis: 0; | |
| 185 | - margin-top: .25em; | |
| 186 | - margin-bottom: .25em; | |
| 187 | - padding: .2em; | |
| 188 | - border-top: 1px solid #f5f5f5; | |
| 189 | - // border-bottom: 1px solid #f5f5f5; | |
| 190 | - background: white; | |
| 191 | -} | |
| 192 | - | |
| 193 | -.message:hover { | |
| 194 | - background: #f9f9f9; | |
| 195 | -} | |
| 196 | - | |
| 197 | - | |
| 198 | -.message_content div > span { | |
| 199 | - font-size: 0.9em; | |
| 200 | - margin-bottom: 0.7em; | |
| 201 | - display: block; | |
| 202 | - color: #888; | |
| 203 | -} | |
| 204 | - | |
| 205 | -.message_content--mini div > span { | |
| 206 | - display: inline-block; | |
| 207 | -} | |
| 208 | - | |
| 209 | -.message_content div > span a { | |
| 210 | - color: #005d8c; | |
| 211 | -} | |
| 212 | - | |
| 213 | -.message_meta input { | |
| 214 | - font-size: .8em; | |
| 215 | -} | |
| 216 | - | |
| 217 | -.message_meta { | |
| 218 | - margin-left: auto; | |
| 219 | -} | |
| 220 | - | |
| 221 | -.message_meta > * { | |
| 222 | - margin-left: .5ex; | |
| 223 | -} | |
| 224 | - | |
| 225 | -.message_actions { | |
| 226 | - position: absolute; | |
| 227 | - bottom: 0; right: 0; | |
| 228 | - margin-right: .5ex; | |
| 229 | - margin-bottom: .5ex; | |
| 230 | -} | |
| 231 | - | |
| 232 | 182 … | .title { |
| 233 | 183 … | padding: .5ex; |
| 234 | 184 … | } |
| 235 | 185 … | |
| 236 | -.message img { | |
| 237 | - max-width: 100%; | |
| 238 | -} | |
| 239 | - | |
| 240 | -.message > .title > .avatar { | |
| 241 | - margin-left: 0; | |
| 242 | -} | |
| 243 | - | |
| 244 | -.message_content { | |
| 245 | - padding: .5ex; | |
| 246 | -} | |
| 247 | - | |
| 248 | -.actions > * { | |
| 249 | - padding-left: 5px; | |
| 250 | - margin-left: 1px; | |
| 251 | -} | |
| 252 | - | |
| 253 | -.actions > :not(:last-child) { | |
| 254 | - border-right: 2px solid #eee; | |
| 255 | - padding-right: 5px; | |
| 256 | -} | |
| 257 | - | |
| 258 | 186 … | .emoji { |
| 259 | 187 … | height: 1em; |
| 260 | 188 … | width: 1em; |
| 261 | 189 … | vertical-align: top; |
Built with git-ssb-web