git ssb

forked from Matt McKegg / patchwork

Commit 45eb38ea158546001d22126e5b308ea80452483a

smoother display of peer progress

Matt McKegg committed on 3/13/2017, 5:10:29 PM
Parent: 09787f27813d6ccfb87629fd66c535af51bd57fb

Files changed

modules/progress/html/peer.js	changed
modules/progress/html/render.js	changed
package.json	changed
styles/profile-list.mcss	changed

modules/progress/html/peer.jsView
		@@ -17,7 +17,7 @@
17	17	var value = computed([progress, feeds], (pending, feeds) => {
18	18	return (feeds - pending) / feeds
19	19	})
20	20
21		- return when(progress, api.progress.html.render(value))
	21	+ return api.progress.html.render(value, when(progress, '-pending'))
22	22	})
23	23	}

modules/progress/html/render.jsView
		@@ -4,11 +4,12 @@
4	4
5	5	exports.gives = nest('progress.html.render')
6	6
7	7	exports.create = function (api) {
8		- return nest('progress.html.render', function (pos) {
	8	+ return nest('progress.html.render', function (pos, classList) {
9	9	return svg('svg RadialProgress', {
10		- viewBox: '-20 -20 240 240'
	10	+ viewBox: '-20 -20 240 240',
	11	+ classList
11	12	}, [
12	13	svg('path', {
13	14	d: 'M100,0 a100,100 0 0 1 0,200 a100,100 0 0 1 0,-200',
14	15	'stroke-width': 40,

package.jsonView
		@@ -29,9 +29,9 @@
29	29	"is-visible": "^2.1.1",
30	30	"level": "~1.4.0",
31	31	"level-memview": "0.0.0",
32	32	"micro-css": "^2.0.0",
33		- "mutant": "^3.17.0",
	33	+ "mutant": "^3.18.0",
34	34	"mutant-pull-reduce": "^1.1.0",
35	35	"non-private-ip": "^1.4.1",
36	36	"on-change-network": "0.0.2",
37	37	"on-wakeup": "^1.0.1",

styles/profile-list.mcssView
		@@ -52,8 +52,13 @@
52	52	div.progress {
53	53	display: flex
54	54	flex-direction: column
55	55	svg {
	56	+ transition: opacity 0.2s
	57	+ opacity: 0
	58	+ -pending {
	59	+ opacity: 1
	60	+ }
56	61	width: 20px
57	62	flex: 1
58	63	}
59	64	}

Built with git-ssb-web