Commit 32f3b3b65f755773019450067162f65fffd00e6f
tweaks styles for max and mini style messages
mix irving committed on 12/30/2016, 9:55:59 PMParent: 038a737d7b268452a2d1ca1cd1e3ade9b5e966ff
Files changed
| modules_basic/about.mcss | changed |
| modules_basic/message-author.mcss | changed |
| modules_basic/message.mcss | changed |
| modules_basic/timestamp.mcss | changed |
| modules_basic/about.mcss | ||
|---|---|---|
| @@ -5,9 +5,9 @@ | ||
| 5 | 5 … | section { |
| 6 | 6 … | header { |
| 7 | 7 … | a { |
| 8 | 8 … | -target { |
| 9 | - color: green | |
| 9 … | + | |
| 10 | 10 … | } |
| 11 | 11 … | -name { |
| 12 | 12 … | |
| 13 | 13 … | } |
| modules_basic/message-author.mcss | ||
|---|---|---|
| @@ -1,8 +1,22 @@ | ||
| 1 | 1 … | MessageAuthor { |
| 2 | 2 … | display: flex |
| 3 | 3 … | flex-direction: column |
| 4 | 4 … | |
| 5 … | + section { | |
| 6 … | + -image { | |
| 7 … | + margin-bottom: .3rem | |
| 8 … | + } | |
| 9 … | + | |
| 10 … | + -name { | |
| 11 … | + a { color: black } | |
| 12 … | + } | |
| 13 … | + | |
| 14 … | + -timestamp { | |
| 15 … | + | |
| 16 … | + } | |
| 17 … | + } | |
| 18 … | + | |
| 5 | 19 … | -mini { |
| 6 | 20 … | flex-direction: row |
| 7 | 21 … | |
| 8 | 22 … | section { |
| modules_basic/message.mcss | ||
|---|---|---|
| @@ -1,30 +1,55 @@ | ||
| 1 | 1 … | Message { |
| 2 | 2 … | padding-top: 1em |
| 3 | 3 … | padding-bottom: 1em |
| 4 … | + padding-left: 6rem | |
| 4 | 5 … | border-top: solid 1px gainsboro |
| 6 … | + position: relative | |
| 5 | 7 … | |
| 6 | 8 … | -mini { |
| 7 | 9 … | padding-top: 0.25rem |
| 8 | 10 … | padding-bottom: 0.25rem |
| 9 | 11 … | |
| 10 | 12 … | section.content { |
| 11 | 13 … | clear: none |
| 12 | 14 … | } |
| 15 … | + | |
| 16 … | + display: flex | |
| 17 … | + flex-direction: row | |
| 18 … | + position: inherit | |
| 19 … | + | |
| 20 … | + header.author { | |
| 21 … | + position: inherit | |
| 22 … | + order: 0 | |
| 23 … | + } | |
| 24 … | + | |
| 25 … | + section.content { | |
| 26 … | + order: 1 | |
| 27 … | + flex-grow: 1 | |
| 28 … | + } | |
| 29 … | + | |
| 30 … | + section.meta { | |
| 31 … | + order: 2 | |
| 32 … | + } | |
| 13 | 33 … | } |
| 14 | 34 … | |
| 15 | 35 … | header.author { |
| 16 | - float: left | |
| 36 … | + position: absolute | |
| 37 … | + margin-left: -6rem | |
| 17 | 38 … | display: flex |
| 18 | 39 … | flex-direction: column |
| 19 | 40 … | } |
| 20 | 41 … | |
| 21 | 42 … | section.title { |
| 22 | 43 … | float: left |
| 44 … | + font-size: .9rem | |
| 23 | 45 … | } |
| 24 | 46 … | |
| 25 | 47 … | section.meta { |
| 26 | 48 … | float: right |
| 49 … | + a { | |
| 50 … | + color: gray | |
| 51 … | + } | |
| 27 | 52 … | } |
| 28 | 53 … | |
| 29 | 54 … | section.content { |
| 30 | 55 … | clear: both |
Built with git-ssb-web