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));