Skip to content

Commit c27d6c1

Browse files
committed
Website: fix gaps in chart
If you place the cursor on a mark and between chart rows, no row is selected. This can cause flickering effects (see commit 37366aa). Fix selection by making the row have mouse hit testing priority over marks.
1 parent 37366aa commit c27d6c1

File tree

1 file changed

+8
-5
lines changed

1 file changed

+8
-5
lines changed

website/public/benchmarks/benchmark.css

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -273,20 +273,23 @@ body.javascript .javascript-only {
273273
.chart .tick .marker {
274274
z-index: 1;
275275
}
276+
.chart .series {
277+
z-index: 2; /* For mouse events, not visuals. */
278+
}
276279
.chart .series .bar {
277-
z-index: 2;
280+
z-index: 3;
278281
}
279282
.chart .series .error-bars {
280-
z-index: 3;
283+
z-index: 4;
281284
}
282285
.chart .tick .label {
283-
z-index: 4;
286+
z-index: 5;
284287
}
285288
.chart .series .label {
286-
z-index: 5;
289+
z-index: 6;
287290
}
288291
.chart .log-scale {
289-
z-index: 6;
292+
z-index: 7;
290293
}
291294

292295
.benchmark-table {

0 commit comments

Comments
 (0)