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

fix: Antd tab issue (#507)

Browse Source 
* fix(CSS): antd css tab issue is resolved

* removing redudant css
This commit is contained in:
pal-sig 2021-12-24 11:41:45 +05:30 committed by GitHub
parent 55feec34ea
commit d825fc2f30
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 19 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/assets/index.css
View File

@ -1,18 +0,0 @@
.ant-space-item {
margin-right: 0 !important;
}
#chart svg {
width: 100%;
}
#chart {
width: 100%;
}
.ant-tabs-tab {
margin: 0 0 0 32px !important;
}
.ant-tabs-nav-list > .ant-tabs-tab:first-child {
margin: 0 !important;
}

1
frontend/src/index.tsx
View File

@ -1,5 +1,4 @@
import './wdyr'; import './wdyr';
import 'assets/index.css';
import AppRoutes from 'AppRoutes'; import AppRoutes from 'AppRoutes';
import React from 'react'; import React from 'react';

6
frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.css
View File

@ -4,10 +4,12 @@
.hide { .hide {
display: none; display: none;
} }
.ant-tabs-nav-list {
/* .ant-tabs-nav-list {
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
} } */
.ant-table-body table { .ant-table-body table {
margin-bottom: 64px; margin-bottom: 64px;
} }

16
frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.tsx
View File

@ -1,6 +1,13 @@
import './TraceGanttChart.css'; import './TraceGanttChart.css';
import { Button, Col, Progress, Row, Table, Tabs } from 'antd'; import {
Button,
Col,
Progress,
Row,
Table as TableComponent,
Tabs,
} from 'antd';
import { has, isEmpty, max } from 'lodash-es'; import { has, isEmpty, max } from 'lodash-es';
import traverseTreeData from 'modules/Traces/TraceGanttChart/TraceGanttChartHelpers'; import traverseTreeData from 'modules/Traces/TraceGanttChart/TraceGanttChartHelpers';
import React, { useEffect, useRef, useState } from 'react'; import React, { useEffect, useRef, useState } from 'react';
@ -17,6 +24,13 @@ const StyledButton = styled(Button)`
line-height: 20px; line-height: 20px;
`; `;
const Table = styled(TableComponent)`
.ant-tabs-nav-list {
width: 100%;
justify-content: space-between;
}
`;
interface TraceGanttChartProps { interface TraceGanttChartProps {
treeData: pushDStree[]; treeData: pushDStree[];
clickedSpan: pushDStree; clickedSpan: pushDStree;