Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-11-10 01:19:53 +01:00
Code Issues Projects Releases Wiki Activity

fix: environment name cell (#10474)

Browse Source 
https://linear.app/unleash/issue/2-3758/fix-environment-name-cell-after-the-latest-changes-to-textcell

Noticed the environment name cell acted differently after
[adjusting](https://github.com/Unleash/unleash/pull/10466/files#diff-485a5be6a3a5d639b56c3b29488125db051ce6b8a0e3561368d657d62dee4975R28)
the span inside TextCell to be `display: inline-flex`.

By wrapping the contents of our TextCell here into a single div we
explicitly declare this to be a single row of elements.
This commit is contained in:
Nuno Góis 2025-08-07 11:32:06 +01:00 committed by GitHub
parent 98bbf85421
commit 63622618b4
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 36 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
frontend/src/component/environments/EnvironmentTable/EnvironmentNameCell/EnvironmentNameCell.tsx
View File

@ -37,35 +37,42 @@ export const EnvironmentNameCell = ({
}, },
})} })}
> >
<Highlighter search={searchQuery}>{environment.name}</Highlighter> <div>
<ConditionallyRender <Highlighter search={searchQuery}>
condition={environment.protected} {environment.name}
show={<StyledBadge color='success'>Predefined</StyledBadge>} </Highlighter>
/> <ConditionallyRender
<ConditionallyRender condition={environment.protected}
condition={!environment.enabled} show={<StyledBadge color='success'>Predefined</StyledBadge>}
show={ />
<HtmlTooltip <ConditionallyRender
maxWidth='270px' condition={!environment.enabled}
title={ show={
<> <HtmlTooltip
<StyledTooltipTitle> maxWidth='270px'
Deprecated environment title={
</StyledTooltipTitle> <>
<StyledTooltipDescription> <StyledTooltipTitle>
This environment is not auto-enabled for new Deprecated environment
projects. The project owner will need to </StyledTooltipTitle>
manually enable it in the project. <StyledTooltipDescription>
</StyledTooltipDescription> This environment is not auto-enabled for
</> new projects. The project owner will
} need to manually enable it in the
describeChild project.
arrow </StyledTooltipDescription>
> </>
<StyledBadge color='neutral'>Deprecated</StyledBadge> }
</HtmlTooltip> describeChild
} arrow
/> >
<StyledBadge color='neutral'>
Deprecated
</StyledBadge>
</HtmlTooltip>
}
/>
</div>
</TextCell> </TextCell>
); );
}; };