fix: Antd tab issue (#507)

* 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

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;
}

View File

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

View File

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

View File

@ -1,6 +1,13 @@
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 traverseTreeData from 'modules/Traces/TraceGanttChart/TraceGanttChartHelpers';
import React, { useEffect, useRef, useState } from 'react';
@ -17,6 +24,13 @@ const StyledButton = styled(Button)`
line-height: 20px;
`;
const Table = styled(TableComponent)`
.ant-tabs-nav-list {
width: 100%;
justify-content: space-between;
}
`;
interface TraceGanttChartProps {
treeData: pushDStree[];
clickedSpan: pushDStree;