yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-12-28 10:28:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui/ingest): scroll on summary tab (#14263)

Browse Source
This commit is contained in:
Aseem Bansal 2025-07-30 20:38:54 +05:30 committed by GitHub
parent 1c83f78296
commit 446511324b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
datahub-web-react/src/app/ingestV2/executions/components/BaseTab.tsx
View File

@ -28,3 +28,9 @@ export const DetailsContainer = styled.div`
overflow-y: auto;
}
`;
export const ScrollableDetailsContainer = styled(DetailsContainer)`
pre {
max-height: 300px;
}
`;

10
datahub-web-react/src/app/ingestV2/executions/components/SummaryTab.tsx
View File

@ -4,7 +4,7 @@ import React from 'react';
import styled from 'styled-components';
import YAML from 'yamljs';
import { DetailsContainer, SectionBase, SectionHeader } from '@app/ingestV2/executions/components/BaseTab';
import { ScrollableDetailsContainer, SectionBase, SectionHeader } from '@app/ingestV2/executions/components/BaseTab';
import { StructuredReport, hasSomethingToShow } from '@app/ingestV2/executions/components/reporting/StructuredReport';
import { EXECUTION_REQUEST_STATUS_SUCCESS } from '@app/ingestV2/executions/constants';
import { TabType } from '@app/ingestV2/executions/types';
@ -120,11 +120,11 @@ export const SummaryTab = ({
</Tooltip>
</ButtonGroup>
</SectionSubHeader>
<DetailsContainer>
<ScrollableDetailsContainer>
<Text size="sm">
<pre>{logs}</pre>
</Text>
</DetailsContainer>
</ScrollableDetailsContainer>
</SectionBase>
{recipe && (
<SectionBase>
@ -144,11 +144,11 @@ export const SummaryTab = ({
</Tooltip>
</ButtonGroup>
</SectionSubHeader>
<DetailsContainer>
<ScrollableDetailsContainer>
<Text size="sm">
<pre>{recipe}</pre>
</Text>
</DetailsContainer>
</ScrollableDetailsContainer>
</SectionBase>
)}
</Section>