Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-09 13:47:13 +02: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>
<ConditionallyRender
condition={environment.protected}
show={<StyledBadge color='success'>Predefined</StyledBadge>}
/>
<ConditionallyRender
condition={!environment.enabled}
show={
<HtmlTooltip
maxWidth='270px'
title={
<>
<StyledTooltipTitle>
Deprecated environment
</StyledTooltipTitle>
<StyledTooltipDescription>
This environment is not auto-enabled for new
projects. The project owner will need to
manually enable it in the project.
</StyledTooltipDescription>
</>
}
describeChild
arrow
>
<StyledBadge color='neutral'>Deprecated</StyledBadge>
</HtmlTooltip>
}
/>
<div>
<Highlighter search={searchQuery}>
{environment.name}
</Highlighter>
<ConditionallyRender
condition={environment.protected}
show={<StyledBadge color='success'>Predefined</StyledBadge>}
/>
<ConditionallyRender
condition={!environment.enabled}
show={
<HtmlTooltip
maxWidth='270px'
title={
<>
<StyledTooltipTitle>
Deprecated environment
</StyledTooltipTitle>
<StyledTooltipDescription>
This environment is not auto-enabled for
new projects. The project owner will
need to manually enable it in the
project.
</StyledTooltipDescription>
</>
}
describeChild
arrow
>
<StyledBadge color='neutral'>
Deprecated
</StyledBadge>
</HtmlTooltip>
}
/>
</div>
</TextCell>
);
};