GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-14 07:35:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: trace graph styles (#165)

Browse Source 
- Prevent vertical shift on hover due to border
- Show faded traces
This commit is contained in:
Yash Joshi 2021-06-07 20:51:57 +05:30 committed by GitHub
parent c69b9ae62a
commit bd149f4364
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/modules/Traces/TraceGraph.css
View File

@ -36,10 +36,16 @@
stroke-linecap: round; stroke-linecap: round;
stroke-linejoin: round; stroke-linejoin: round;
} }
/* Prevent text vertical shift on hover */
.d3-flame-graph-label {
border: 1px dotted transparent;
cursor: pointer;
}
/* Transparency simulates sub pixel border https://stackoverflow.com/questions/13891177/css-border-less-than-1px */ /* Transparency simulates sub pixel border https://stackoverflow.com/questions/13891177/css-border-less-than-1px */
.d3-flame-graph-label:hover { .d3-flame-graph-label:hover {
border: 1px dotted;
border-color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 0.75);
} }
/* /*
@ -47,3 +53,7 @@
border: 1px solid; border: 1px solid;
border-color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 0.75);
} */ } */
.fade:not(.show) {
opacity: 0.5;
}