From b4208d2cf25a9956199f655b57bc18e596ed1a84 Mon Sep 17 00:00:00 2001 From: Mateusz Kwasniewski Date: Wed, 29 Oct 2025 11:02:53 +0100 Subject: [PATCH] feat: milestone progression borders (#10884) --- .../MilestoneProgressionForm/MilestoneProgressionForm.tsx | 1 + .../ReleasePlanMilestone/MilestoneTransitionDisplay.tsx | 1 + 2 files changed, 2 insertions(+) diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/MilestoneProgressionForm/MilestoneProgressionForm.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/MilestoneProgressionForm/MilestoneProgressionForm.tsx index 8f17fd52df..b862900db9 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/MilestoneProgressionForm/MilestoneProgressionForm.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/MilestoneProgressionForm/MilestoneProgressionForm.tsx @@ -11,6 +11,7 @@ const StyledFormContainer = styled('div')(({ theme }) => ({ gap: theme.spacing(1.5), padding: theme.spacing(1.5, 2), backgroundColor: theme.palette.background.elevation1, + border: `1px solid ${theme.palette.divider}`, width: '100%', borderRadius: `${theme.shape.borderRadiusLarge}px`, position: 'relative', diff --git a/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanMilestone/MilestoneTransitionDisplay.tsx b/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanMilestone/MilestoneTransitionDisplay.tsx index 03818e3c40..ab4a027db1 100644 --- a/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanMilestone/MilestoneTransitionDisplay.tsx +++ b/frontend/src/component/feature/FeatureView/FeatureOverview/ReleasePlan/ReleasePlanMilestone/MilestoneTransitionDisplay.tsx @@ -26,6 +26,7 @@ const StyledFormWrapper = styled('div', { ), ...(hasChanged && { backgroundColor: theme.palette.background.elevation1, + border: `1px solid ${theme.palette.divider}`, padding: theme.spacing(1.5, 2), borderRadius: `${theme.shape.borderRadiusLarge}px`, }),