git ssb - Merge pull request #757 from mroseman95/channel-list-mask

Added linear-gradient mask to channel links in active channels list

Matt McKegg authored on 4/4/2018, 12:38:41 AM
GitHub committed on 4/4/2018, 12:38:41 AM
Parent: 9de99ae493db260032c0423eedf4a3aa6f5d714f
Parent: a3ab3b76cc78d93d9ba66ebcc7a1d2ae0ec274da

styles/dark/all-channels.mcss	changed
styles/dark/channel-list.mcss	changed
styles/light/all-channels.mcss	changed
styles/light/channel-list.mcss	changed

styles/dark/all-channels.mcssView
		@@ -1,9 +1,9 @@
1	1	AllChannels {
2	2	display: flex;
3	3	flex-wrap: wrap;
4	4	justify-content: center;
5		- overflow-y: auto
	5	+ overflow: auto
6	6	padding: 10px;
7	7
8	8	a.channel {
9	9	display: flex;
		@@ -59,8 +59,10 @@
59	59	span.name {
60	60	flex: 1
61	61	white-space: nowrap;
62	62	min-width: 0;
	63	+ overflow: hidden;
	64	+ text-overflow: ellipsis;
63	65	}
64	66
65	67	a {
66	68	display: inline

styles/dark/channel-list.mcssView
		@@ -53,8 +53,9 @@
53	53	span.name {
54	54	flex: 1
55	55	white-space: nowrap;
56	56	min-width: 0;
	57	+ -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
57	58	}
58	59
59	60	a {
60	61	display: inline

styles/light/all-channels.mcssView
		@@ -1,9 +1,9 @@
1	1	AllChannels {
2	2	display: flex;
3	3	flex-wrap: wrap;
4	4	justify-content: center;
5		- overflow-y: auto
	5	+ overflow: auto
6	6	padding: 10px;
7	7
8	8	a.channel {
9	9	display: flex;
		@@ -47,8 +47,10 @@
47	47	span.name {
48	48	flex: 1
49	49	white-space: nowrap;
50	50	min-width: 0;
	51	+ overflow: hidden;
	52	+ text-overflow: ellipsis;
51	53	}
52	54
53	55	a {
54	56	display: inline

styles/light/channel-list.mcssView
		@@ -44,8 +44,9 @@
44	44	span.name {
45	45	flex: 1
46	46	white-space: nowrap;
47	47	min-width: 0;
	48	+ -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
48	49	}
49	50
50	51	a {
51	52	display: inline

Matt McKegg / patchwork