mirror of
https://github.com/datahub-project/datahub.git
synced 2025-10-06 14:36:32 +00:00
fix(ui): fix link in entity header flashing infinitely (#14820)
This commit is contained in:
parent
9778c10b1b
commit
b654d93962
@ -66,13 +66,11 @@ export const Row = styled.div`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
export const LeftColumn = styled.div`
|
export const LeftColumn = styled.div`
|
||||||
flex: 1;
|
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: start;
|
align-items: center;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export const RightColumn = styled.div`
|
export const RightColumn = styled.div`
|
||||||
@ -145,8 +143,8 @@ export const DefaultEntityHeader = ({
|
|||||||
displayProperties={displayProperties}
|
displayProperties={displayProperties}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<EntityBackButton />
|
|
||||||
<LeftColumn>
|
<LeftColumn>
|
||||||
|
<EntityBackButton />
|
||||||
{(loading && <EntityTitleLoadingSection />) || (
|
{(loading && <EntityTitleLoadingSection />) || (
|
||||||
<>
|
<>
|
||||||
<TitleWrapper>
|
<TitleWrapper>
|
||||||
|
@ -17,9 +17,7 @@ const HiddenContainer = styled.div`
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const FitContainer = styled.div`
|
const FitContainer = styled.div``;
|
||||||
width: fit-content;
|
|
||||||
`;
|
|
||||||
|
|
||||||
export interface OverflowListItem {
|
export interface OverflowListItem {
|
||||||
key: string;
|
key: string;
|
||||||
@ -89,7 +87,7 @@ export default function OverflowList<Item extends OverflowListItem>({
|
|||||||
const newVisibleItems: Item[] = [firstItem];
|
const newVisibleItems: Item[] = [firstItem];
|
||||||
const newHiddenItems: Item[] = [];
|
const newHiddenItems: Item[] = [];
|
||||||
|
|
||||||
// compute available width considering that the first item and container with hidden items shlould be rendered to
|
// compute available width considering that the first item and container with hidden items should be rendered too
|
||||||
const availableWidth =
|
const availableWidth =
|
||||||
containerWidth - firstItemWidth - finalGap - (renderedHiddenItemsWidth ?? 0) - finalGap;
|
containerWidth - firstItemWidth - finalGap - (renderedHiddenItemsWidth ?? 0) - finalGap;
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user