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

fix(ui) Fix weird indents on schema table descriptions (#14652)

Browse Source
This commit is contained in:
Chris Collins 2025-09-15 11:53:20 -04:00 committed by GitHub
parent acd7236290
commit f8a401ddd1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
datahub-web-react/src/app/entityV2/dataset/profile/schema/components/SchemaDescriptionField.tsx
View File

@ -98,6 +98,7 @@ const StyledViewer = styled(Editor)`
const DescriptionWrapper = styled.span` const DescriptionWrapper = styled.span`
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
width: 100%;
`; `;
const AddModalWrapper = styled.div``; const AddModalWrapper = styled.div``;
@ -219,13 +220,13 @@ export default function DescriptionField({
customStyle={{ fontSize: '12px' }} customStyle={{ fontSize: '12px' }}
scrollableY={false} scrollableY={false}
/> />
{isSchemaEditable && isEdited && <EditedLabel>(edited)</EditedLabel>}
</DescriptionWrapper> </DescriptionWrapper>
</Tooltip> </Tooltip>
{/* </StripMarkdownText> */} {/* </StripMarkdownText> */}
</> </>
) )
)} )}
{isSchemaEditable && isEdited && <EditedLabel>(edited)</EditedLabel>}
{showAddModal && ( {showAddModal && (
<AddModalWrapper onClick={(e) => e.stopPropagation()}> <AddModalWrapper onClick={(e) => e.stopPropagation()}>
<UpdateDescriptionModal <UpdateDescriptionModal

2
datahub-web-react/src/app/entityV2/shared/tabs/Documentation/components/CompactMarkdownViewer.tsx
View File

@ -16,6 +16,7 @@ const ShowMoreWrapper = styled.div`
const MarkdownContainer = styled.div<{ lineLimit?: number | null }>` const MarkdownContainer = styled.div<{ lineLimit?: number | null }>`
max-width: 100%; max-width: 100%;
position: relative; position: relative;
flex: 1;
${(props) => ${(props) =>
props.lineLimit && props.lineLimit &&
props.lineLimit <= 1 && props.lineLimit <= 1 &&
@ -36,6 +37,7 @@ const MarkdownViewContainer = styled.div<{ scrollableY: boolean }>`
word-wrap: break-word; word-wrap: break-word;
overflow-x: hidden; overflow-x: hidden;
overflow-y: ${(props) => (props.scrollableY ? 'auto' : 'hidden')}; overflow-y: ${(props) => (props.scrollableY ? 'auto' : 'hidden')};
flex: 1;
`; `;
const CompactEditor = styled(Editor)<{ limit: number | null; customStyle?: React.CSSProperties }>` const CompactEditor = styled(Editor)<{ limit: number | null; customStyle?: React.CSSProperties }>`