Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-13 13:48:59 +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

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

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