git ssb - styling refactor: marama mcss, markdown padding, message layout (tweak)

mixmix committed on 9/26/2018, 10:25:17 PM
Parent: 28a3d608c0985435c995a7262ed21dfc3d965caf

app/page/thread.mcss	changed
app/styles/mcss/button.mcss	changed
app/styles/mcss/marama.js	changed
app/styles/mcss/markdown.mcss	changed
message/html/layout/default.mcss	changed

app/page/thread.mcssView
		@@ -1,7 +1,7 @@
1	1 …	Thread {
2	2 …	section.top {
3		- border-bottom: solid 1px gainsboro
	3 …	+ /* border-bottom: solid 1px gainsboro */
4	4 …
5	5 …	section.recipients {
6	6 …	display: flex
7	7 …	justify-content: center

app/styles/mcss/button.mcssView
		@@ -37,16 +37,14 @@
37	37 …	}
38	38 …
39	39 …	:disabled {
40	40 …	color: grey
41		- background: #fff
	41 …	+ background: rgba(255,255,255,.3)
	42 …	+ cursor: not-allowed
	43 …	+ border: none
42	44 …
43		- cursor: initial
44		-
45	45 …	:hover {
46		- color: grey
47		- background: #fff
48		- border: 1px #b9b9b9 solid
	46 …	+ background: rgba(255,0,0,.3)
49	47 …	}
50	48 …	}
51	49 …
52	50 …	-subtle {

app/styles/mcss/marama.jsView
		@@ -1,11 +1,11 @@
1	1 …	const nest = require('depnest')
2		-const { assign } = Object
3	2 …	const getMCSS = require('marama/lib/get-mcss')
4	3 …
5	4 …	exports.gives = nest('styles.mcss')
6	5 …
7	6 …	exports.create = function (api) {
8	7 …	return nest('styles.mcss', (sofar = {}) => {
9		- return assign(sofar, { marama: getMCSS() })
	8 …	+ sofar.marama = getMCSS()
	9 …	+ return sofar
10	10 …	})
11	11 …	}

app/styles/mcss/markdown.mcssView
		@@ -2,8 +2,11 @@
2	2 …	p, ul, ol {
3	3 …	}
4	4 …
5	5 …	p {
	6 …	+ :first-of-type { margin-top: 0 }
	7 …	+ :last-of-type { margin-bottom: 0 }
	8 …	+
6	9 …	a {
7	10 …	img { margin 0 .5rem }
8	11 …
9	12 …	:only-of-type {

message/html/layout/default.mcssView
		@@ -2,8 +2,9 @@
2	2 …	padding: 1rem .5rem
3	3 …
4	4 …	display: grid
5	5 …	grid-template-columns: 5rem auto
	6 …	+ grid-row-gap: .5rem
6	7 …
7	8 …	section.avatar {
8	9 …	grid-column: 1 / 2
9	10 …	grid-row: 1 / span 4
		@@ -45,10 +46,8 @@
45	46 …	section.content {
46	47 …	grid-column: 2 / 3
47	48 …	grid-row: 2 / span 1
48	49 …
49		- margin-bottom: .5rem
50		-
51	50 …	(img) {
52	51 …	max-width: 100%
53	52 …	}
54	53 …	(video) {

Dominic / patchbay