Skip to content

Commit bd149f4

Browse files
authored
fix: trace graph styles (#165)
- Prevent vertical shift on hover due to border - Show faded traces
1 parent c69b9ae commit bd149f4

File tree

1 file changed

+11
-1
lines changed

1 file changed

+11
-1
lines changed

frontend/src/modules/Traces/TraceGraph.css

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,14 +36,24 @@
3636
stroke-linecap: round;
3737
stroke-linejoin: round;
3838
}
39+
40+
/* Prevent text vertical shift on hover */
41+
.d3-flame-graph-label {
42+
border: 1px dotted transparent;
43+
cursor: pointer;
44+
}
45+
3946
/* Transparency simulates sub pixel border https://stackoverflow.com/questions/13891177/css-border-less-than-1px */
4047

4148
.d3-flame-graph-label:hover {
42-
border: 1px dotted;
4349
border-color: rgba(255, 255, 255, 0.75);
4450
}
4551
/*
4652
.d3-flame-graph-label:hover {
4753
border: 1px solid;
4854
border-color: rgba(255, 255, 255, 0.75);
4955
} */
56+
57+
.fade:not(.show) {
58+
opacity: 0.5;
59+
}

0 commit comments

Comments
 (0)