Commit 62404afd51be20fc4b7925c7ad3b91a4a4b34915
add labels to Network
mix irving committed on 1/11/2017, 4:34:15 AMParent: de6fa889ba488210fb104d474068e8a076e4b24c
Files changed
modules_extra/network.js | changed |
modules_extra/network.mcss | changed |
modules_extra/network.js | ||
---|---|---|
@@ -155,13 +155,13 @@ | ||
155 | 155 … | h('section.type', [ |
156 | 156 … | computed(peer, getType), |
157 | 157 … | ]), |
158 | 158 … | h('section.source', [ |
159 | - 'source: ', | |
159 … | + h('label', 'source:'), | |
160 | 160 … | h('code', source) |
161 | 161 … | ]), |
162 | 162 … | h('section.state', [ |
163 | - 'state: ', | |
163 … | + h('label', 'state:'), | |
164 | 164 … | h('i', { |
165 | 165 … | className: computed(state, (state) => '-'+state) |
166 | 166 … | }), |
167 | 167 … | h('code', when(state, state, 'not connected')) |
@@ -184,13 +184,13 @@ | ||
184 | 184 … | ) |
185 | 185 … | ]), |
186 | 186 … | h('section.ping', [ |
187 | 187 … | h('div.rtt', [ |
188 | - 'rtt: ', | |
188 … | + h('label', 'rtt:'), | |
189 | 189 … | h('code', computed(ping.rtt.mean, duration)) |
190 | 190 … | ]), |
191 | 191 … | h('div.skew', [ |
192 | - 'skew: ', | |
192 … | + h('label', 'skew:'), | |
193 | 193 … | h('code', computed(ping.skew.mean, duration)) |
194 | 194 … | ]), |
195 | 195 … | ]), |
196 | 196 … | h('section.address', [ |
modules_extra/network.mcss | ||
---|---|---|
@@ -50,8 +50,9 @@ | ||
50 | 50 … | } |
51 | 51 … | |
52 | 52 … | section.source { |
53 | 53 … | flex-basis: 100% |
54 … | + label { margin-right: .5rem } | |
54 | 55 … | } |
55 | 56 … | |
56 | 57 … | section.state { |
57 | 58 … | display: flex |
@@ -59,8 +60,9 @@ | ||
59 | 60 … | align-items: center |
60 | 61 … | |
61 | 62 … | margin-right: 2rem |
62 | 63 … | |
64 … | + label { margin-right: .5rem } | |
63 | 65 … | i { |
64 | 66 … | width: 1rem |
65 | 67 … | height: 1rem |
66 | 68 … | border-radius: .5rem |
@@ -95,12 +97,14 @@ | ||
95 | 97 … | $textSubtle |
96 | 98 … | |
97 | 99 … | div.rtt { |
98 | 100 … | flex-basis: 8rem |
101 … | + label { margin-right: .5rem } | |
99 | 102 … | } |
100 | 103 … | |
101 | 104 … | div.skew { |
102 | 105 … | flex-basis: 8rem |
106 … | + label { margin-right: .5rem } | |
103 | 107 … | } |
104 | 108 … | } |
105 | 109 … | |
106 | 110 … | section.address{ |
Built with git-ssb-web