Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-04-15 01:16:22 +02: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

27
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': {
borderTop: `1px solid ${theme.palette.divider}`,
},
'&:not(li > &) > li:first-of-type': {
// select first list elements in lists that are not directly nested
// within other lists.
'& > li:first-of-type': {
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) =>
@ -80,12 +74,11 @@ const AlertContainer = styled('div')(({ theme }) => ({
},
}));
const StyledStrategySeparator = styled(StrategySeparator)(({ theme }) => ({
[`&:has(+ *:not(ol) .${disabledStrategyClassName}), &:has(+ ol > li:first-of-type .${disabledStrategyClassName})`]:
{
filter: 'grayscale(1)',
},
}));
const StyledStrategySeparator = styled(StrategySeparator)({
[`&:has(+ * .${disabledStrategyClassName})`]: {
filter: 'grayscale(1)',
},
});
export const EnvironmentAccordionBody = ({
featureEnvironment,
@ -255,7 +248,9 @@ export const EnvironmentAccordionBody = ({
<>
{page.map((strategy, index) => (
<StyledListItem key={strategy.id}>
{index > 0 ? <StyledStrategySeparator /> : null}
{index > 0 || releasePlans.length > 0 ? (
<StyledStrategySeparator />
) : null}
<ProjectEnvironmentStrategyDraggableItem
strategy={strategy}
@ -270,7 +265,9 @@ export const EnvironmentAccordionBody = ({
<>
{strategies.map((strategy, index) => (
<StyledListItem key={strategy.id}>
{index > 0 ? <StyledStrategySeparator /> : null}
{index > 0 || releasePlans.length > 0 ? (
<StyledStrategySeparator />
) : null}
<ProjectEnvironmentStrategyDraggableItem
strategy={strategy}