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

Adjust borders and selectors

Browse Source
This commit is contained in:
Thomas Heartman 2025-03-20 10:34:42 +01:00
parent 7d4195d145
commit c1cea1e5a6
No known key found for this signature in database
GPG Key ID: BD1F880DAED1EE78
1 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx
View File

@ -46,15 +46,9 @@ export const StyledContentList = styled('ol')(({ theme }) => ({
'& > li + li': { '& > li + li': {
borderTop: `1px solid ${theme.palette.divider}`, borderTop: `1px solid ${theme.palette.divider}`,
}, },
'&:not(li > &) > li:first-of-type': { '& > li:first-of-type': {
// select first list elements in lists that are not directly nested
// within other lists.
paddingTop: theme.spacing(1), paddingTop: theme.spacing(1),
}, },
'& > li:has(> ol)': {
// nested lists add their own padding to their list items, so we don't want to double it up.
paddingBlock: 0,
},
})); }));
const releasePlanBackground = (theme: Theme) => const releasePlanBackground = (theme: Theme) =>
@ -80,12 +74,11 @@ const AlertContainer = styled('div')(({ theme }) => ({
}, },
})); }));
const StyledStrategySeparator = styled(StrategySeparator)(({ theme }) => ({ const StyledStrategySeparator = styled(StrategySeparator)({
[`&:has(+ *:not(ol) .${disabledStrategyClassName}), &:has(+ ol > li:first-of-type .${disabledStrategyClassName})`]: [`&:has(+ * .${disabledStrategyClassName})`]: {
{
filter: 'grayscale(1)', filter: 'grayscale(1)',
}, },
})); });
export const EnvironmentAccordionBody = ({ export const EnvironmentAccordionBody = ({
featureEnvironment, featureEnvironment,
@ -255,7 +248,9 @@ export const EnvironmentAccordionBody = ({
<> <>
{page.map((strategy, index) => ( {page.map((strategy, index) => (
<StyledListItem key={strategy.id}> <StyledListItem key={strategy.id}>
{index > 0 ? <StyledStrategySeparator /> : null} {index > 0 || releasePlans.length > 0 ? (
<StyledStrategySeparator />
) : null}
<ProjectEnvironmentStrategyDraggableItem <ProjectEnvironmentStrategyDraggableItem
strategy={strategy} strategy={strategy}
@ -270,7 +265,9 @@ export const EnvironmentAccordionBody = ({
<> <>
{strategies.map((strategy, index) => ( {strategies.map((strategy, index) => (
<StyledListItem key={strategy.id}> <StyledListItem key={strategy.id}>
{index > 0 ? <StyledStrategySeparator /> : null} {index > 0 || releasePlans.length > 0 ? (
<StyledStrategySeparator />
) : null}
<ProjectEnvironmentStrategyDraggableItem <ProjectEnvironmentStrategyDraggableItem
strategy={strategy} strategy={strategy}