GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-12 04:59:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: graph flickering issue on trace page (#2120)

Browse Source 
* fix: Removed Strict mode to stop render twice

* fix: graph flickering issue on trace page
This commit is contained in:
Chintan Sudani 2023-01-25 19:55:33 +05:30 committed by GitHub
parent f766435acc
commit a654baaa5b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/Graph/Plugin/Legend.ts
View File

@ -59,7 +59,7 @@ export const legend = (id: string, isLonger: boolean): Plugin<ChartType> => ({
li.style.cursor = 'pointer'; li.style.cursor = 'pointer';
li.style.display = 'flex'; li.style.display = 'flex';
li.style.marginLeft = '10px'; li.style.marginLeft = '10px';
li.style.marginTop = '5px'; // li.style.marginTop = '5px';
li.onclick = (): void => { li.onclick = (): void => {
// eslint-disable-next-line @typescript-eslint/ban-ts-comment // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@ -83,9 +83,9 @@ export const legend = (id: string, isLonger: boolean): Plugin<ChartType> => ({
boxSpan.style.borderColor = `${item?.strokeStyle}`; boxSpan.style.borderColor = `${item?.strokeStyle}`;
boxSpan.style.borderWidth = `${item.lineWidth}px`; boxSpan.style.borderWidth = `${item.lineWidth}px`;
boxSpan.style.display = 'inline-block'; boxSpan.style.display = 'inline-block';
boxSpan.style.minHeight = '20px'; boxSpan.style.minHeight = '0.75rem';
boxSpan.style.marginRight = '10px'; boxSpan.style.marginRight = '0.5rem';
boxSpan.style.minWidth = '20px'; boxSpan.style.minWidth = '0.75rem';
boxSpan.style.borderRadius = '50%'; boxSpan.style.borderRadius = '50%';
if (item.text) { if (item.text) {

2
frontend/src/components/Graph/styles.ts
View File

@ -2,7 +2,7 @@ import { themeColors } from 'constants/theme';
import styled from 'styled-components'; import styled from 'styled-components';
export const LegendsContainer = styled.div` export const LegendsContainer = styled.div`
height: 15%; height: 10%;
* { * {
::-webkit-scrollbar { ::-webkit-scrollbar {