git ssb - widen level 1 sideNav, fic channelSubscription stles. fixes #70

mix committed on 2/9/2018, 10:49:26 PM
Parent: b31d558b95f3eb034386c3d3719640d57c185cee

app/html/channelCard.mcss	changed
app/html/sideNav/sideNav.mcss	changed
app/html/sideNav/sideNavDiscovery.mcss	changed
app/page/channelSubscriptions.mcss	changed
app/page/channelSubscriptions.mcss~	added

app/html/channelCard.mcssView
		@@ -1,38 +1,32 @@
1	1	ChannelCard {
2	2	$backgroundPrimaryText
3		- padding: 4rem 1.5rem 4rem 1.5rem
4		- width: 100%
	3	+ padding: 2rem 1.5rem 2rem 1.5rem
	4	+ flex-basis: 100%
5	5
6	6	border-bottom: 1px solid rgba(0,0,0, .1)
7	7	transition: all .5s ease
8	8
9		- display: flex
10		- flex-direction: column
11		-
12	9	div.content {
13		- display: flex
14		- flex-direction: row
15		- flex-grow: 1
16		-
	10	+ padding: 2rem 0
17	11	cursor: pointer
18	12
19	13	div.text {
	14	+
20	15	display: flex
21	16	flex-wrap: wrap
22		- justify-content: space-between;
23		- width: 100%;
	17	+ justify-content: space-between
24	18
25	19	h2 {
	20	+ flex-grow: 1
26	21	$markdownLarge
27	22	margin: 0 .5rem 0 0
28	23	}
29	24	div.Button {
30		- margin-left: auto
31	25	}
32		- div.summary {
33		- flex-basis: 100%
34		- }
	26	+ /* div.summary { */
	27	+ /* flex-basis: 100% */
	28	+ /* } */
35	29	}
36	30	}
37	31	background-color: #fff
38	32

app/html/sideNav/sideNav.mcssView
		@@ -6,9 +6,10 @@
6	6
7	7	display: flex
8	8
9	9	div.level {
10		- width: 13rem
	10	+ min-width: 13rem
	11	+ max-width: 13rem
11	12	overflow-y: auto
12	13	overflow-x: hidden
13	14
14	15	border-right: 1px gainsboro solid

app/html/sideNav/sideNavDiscovery.mcssView
		@@ -8,9 +8,11 @@
8	8	flex-grow: 1
9	9	}
10	10	}
11	11
12		- -one {}
	12	+ -one {
	13	+ max-width: 15rem
	14	+ }
13	15	-two {
14	16	section {
15	17	div.Option {
16	18	padding: 0 1rem

app/page/channelSubscriptions.mcssView
		@@ -4,14 +4,17 @@
4	4	$maxWidth
5	5	margin: 0 auto
6	6	padding: .5rem 2rem
7	7
8		- display: flex
9		- flex-wrap: wrap
10		-
11		- div.BlogCard {
12		- flex-basis: 100%
	8	+ div.ChannelCard {
13	9	border-bottom: 1px solid rgba(0,0,0, .1)
14	10	}
	11	+
	12	+ div {
	13	+ :last-child {
	14	+ padding-bottom: 2rem !important
	15	+ /* TODO fix - eww gross */
	16	+ }
	17	+ }
15	18	}
16	19	}
17	20

app/page/channelSubscriptions.mcss~View
		@@ -1,0 +1,17 @@
	1	+Page -channelSubscriptions {
	2	+ div.content {
	3	+ background-color: #fff
	4	+ $maxWidth
	5	+ margin: 0 auto
	6	+ padding: .5rem 2rem
	7	+
	8	+ display: flex
	9	+ flex-direction: column
	10	+
	11	+ div.BlogCard {
	12	+ flex-basis: 100%
	13	+ border-bottom: 1px solid rgba(0,0,0, .1)
	14	+ }
	15	+ }
	16	+}
	17	+

mixmix / ticktack