fix: end points overflow issue

This commit is contained in:
Nidhi Tandon 2021-05-23 17:04:47 +05:30
parent cc3133b2d6
commit 4173258d0a
2 changed files with 9 additions and 1 deletions

View File

@ -0,0 +1,3 @@
.topEndpointsButton {
white-space: normal;
}

View File

@ -7,6 +7,7 @@ import { topEndpointListItem } from "../../store/actions/metrics";
import { METRICS_PAGE_QUERY_PARAM } from "Src/constants/query"; import { METRICS_PAGE_QUERY_PARAM } from "Src/constants/query";
import { GlobalTime } from "Src/store/actions"; import { GlobalTime } from "Src/store/actions";
import { StoreState } from "Src/store/reducers"; import { StoreState } from "Src/store/reducers";
import "./TopEndpointsTable.css";
const Wrapper = styled.div` const Wrapper = styled.div`
padding-top: 10px; padding-top: 10px;
@ -58,7 +59,11 @@ const _TopEndpointsTable = (props: TopEndpointsTableProps) => {
key: "name", key: "name",
render: (text: string) => ( render: (text: string) => (
<Button type="link" onClick={() => handleOnClick(text)}> <Button
className="topEndpointsButton"
type="link"
onClick={() => handleOnClick(text)}
>
{text} {text}
</Button> </Button>
), ),