diff --git a/packages/ui/core/src/assets/scss/ng-material-override.scss b/packages/ui/core/src/assets/scss/ng-material-override.scss
index 1df10ff998..54dee1edf5 100644
--- a/packages/ui/core/src/assets/scss/ng-material-override.scss
+++ b/packages/ui/core/src/assets/scss/ng-material-override.scss
@@ -645,8 +645,14 @@ mat-icon[data-mat-icon-name="custom_expand_less"] {
}
.mat-mdc-raised-button.mat-warn {
- --mdc-protected-button-label-text-color: var(--warn-palette-contrast-500) ;
+ --mdc-protected-button-label-text-color: var(--warn-palette-contrast-300) ;
}
+ .mat-mdc-checkbox.mat-primary {
+ --mdc-checkbox-selected-checkmark-color: var(--primary-palette-contrast-500);
+}
+.mat-mdc-checkbox.mat-warn {
+ --mdc-checkbox-selected-checkmark-color: var(--primary-palette-contrast-500);
+}
.material-suffix-icon {
padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));;
diff --git a/packages/ui/feature-builder-canvas/src/lib/flow-item-tree/flow-item/actions/actions-container/actions-container.component.html b/packages/ui/feature-builder-canvas/src/lib/flow-item-tree/flow-item/actions/actions-container/actions-container.component.html
index 16c3273449..88a98d9b5a 100644
--- a/packages/ui/feature-builder-canvas/src/lib/flow-item-tree/flow-item/actions/actions-container/actions-container.component.html
+++ b/packages/ui/feature-builder-canvas/src/lib/flow-item-tree/flow-item/actions/actions-container/actions-container.component.html
@@ -19,8 +19,8 @@
ap-bg-white ap-border-solid ap-border-[1px]
ap-border-line ap-w-[40px] ap-h-[40px] ap-overflow-hidden" apTrackHover
#deleteStepContainer="hoverTrackerDirective"
- [class.ap-opacity-100]="(stepHovered || deleteStepContainer.isHovered)"
- [class.ap-opacity-0]="(!stepHovered && !deleteStepContainer.isHovered)"
+ [class.ap-opacity-100]="(stepHovered || deleteStepContainer.isHovered || duplicateStepContainer.isHovered )"
+ [class.ap-opacity-0]="(!stepHovered && !deleteStepContainer.isHovered && !duplicateStepContainer.isHovered)"
[class.ap-hidden]="isDragging$ | async">
@@ -34,8 +34,8 @@
ap-bg-white ap-border-solid ap-border-[1px]
ap-border-line ap-w-[40px] ap-h-[40px] ap-overflow-hidden" apTrackHover
#duplicateStepContainer="hoverTrackerDirective"
- [class.ap-opacity-100]="(stepHovered || duplicateStepContainer.isHovered)"
- [class.ap-opacity-0]="(!stepHovered && !duplicateStepContainer.isHovered)"
+ [class.ap-opacity-100]="(stepHovered || duplicateStepContainer.isHovered || deleteStepContainer.isHovered)"
+ [class.ap-opacity-0]="(!stepHovered && !duplicateStepContainer.isHovered && !deleteStepContainer.isHovered )"
[class.ap-hidden]="isDragging$ | async">
diff --git a/packages/ui/feature-builder-store/src/lib/store/builder/canvas/canvas.reducer.ts b/packages/ui/feature-builder-store/src/lib/store/builder/canvas/canvas.reducer.ts
index ba00dc39a3..208a3890f9 100755
--- a/packages/ui/feature-builder-store/src/lib/store/builder/canvas/canvas.reducer.ts
+++ b/packages/ui/feature-builder-store/src/lib/store/builder/canvas/canvas.reducer.ts
@@ -169,6 +169,11 @@ const __CanvasReducer = createReducer(
const clonedFlowVersionWithArtifacts: FlowVersion = JSON.parse(
JSON.stringify(operation.flowVersionWithArtifacts)
);
+ const newStepName = flowHelper.findAvailableStepName(
+ state.displayedFlowVersion,
+ 'step'
+ );
+
clonedState.displayedFlowVersion = flowHelper.apply(
clonedFlowVersionWithArtifacts,
{
@@ -178,7 +183,17 @@ const __CanvasReducer = createReducer(
},
}
);
- return clonedState;
+ return {
+ ...clonedState,
+ focusedStep: flowHelper.getStep(
+ clonedState.displayedFlowVersion,
+ newStepName
+ ),
+ rightSidebar: {
+ type: RightSideBarType.EDIT_STEP,
+ props: 'NO_PROPS',
+ },
+ };
}),
on(FlowsActions.updateTrigger, (state, { operation }): CanvasState => {
const clonedState: CanvasState = JSON.parse(JSON.stringify(state));