search for standard sites
pub-search.waow.tech
search
zig
blog
atproto
fix: move max label to legend row
+8
-15
+3
-8
site/dashboard.css
+3
-8
site/dashboard.css
···
125
125
width: 100%;
126
126
height: 100%;
127
127
}
128
-
.latency-y-label {
129
-
position: absolute;
130
-
top: 0;
131
-
left: 4px;
132
-
font-size: 9px;
133
-
color: #555;
134
-
z-index: 1;
135
-
pointer-events: none;
128
+
.latency-max {
129
+
margin-left: auto;
130
+
color: #444;
136
131
}
137
132
.latency-legend {
138
133
display: flex;
+5
-7
site/dashboard.js
+5
-7
site/dashboard.js
···
184
184
ctx.stroke();
185
185
});
186
186
187
-
// y-axis label (inside chart div for positioning)
188
-
const yLabel = document.createElement('div');
189
-
yLabel.className = 'latency-y-label';
190
-
yLabel.textContent = formatMs(maxVal);
191
-
chartDiv.appendChild(yLabel);
192
-
193
-
// legend
187
+
// legend with max value
194
188
const legend = document.createElement('div');
195
189
legend.className = 'latency-legend';
196
190
endpoints.forEach(name => {
···
198
192
span.innerHTML = '<span class="dot" style="background:' + ENDPOINT_COLORS[name] + '"></span>' + name;
199
193
legend.appendChild(span);
200
194
});
195
+
const maxLabel = document.createElement('span');
196
+
maxLabel.className = 'latency-max';
197
+
maxLabel.textContent = formatMs(maxVal) + ' max';
198
+
legend.appendChild(maxLabel);
201
199
container.appendChild(legend);
202
200
}
203
201