When using a customised copy of the Phoenix UI. After upgrading to Clarity 16.2.2, customer is still seeing the symptoms of DE80568 where in the MUX, the left pane sometimes overlaps the page

Products

• Clarity PPM SaaS
• Clarity PPM On Premise

Issue/Introduction

Customer is using a customised copy of the Phoenix UI. After upgrading to Clarity 16.2.2, they are still seeing the symptoms of DE80568  where in the MUX, the left pane sometimes overlaps the page hiding the first button in the page when using channels.
A fix for these defects was included in in the 16.2.2 version of Clarity.

STEPS TO REPRODUCE
1. Create a copy of the Phoenix UI and select the copied UI as the default.
2. After upgrading to Clarity 16.2.2, Login and navigate to MUX Administration -> Blueprints
3. Copy a Standard project blueprint and create a new BP
4. In the new BP navigate to Modules
5. Create the below new channels

  Name: Risk Classic
  URL: ../../../../../niku/nu#action:itl.riskList&id=${_internalId}&object_code=project&puiFullscreen=on&puiHidePPMTabs=off

  Name: Issue - classic
  URL: ../../../../../niku/nu#action:itl.issueList&id=${_internalId}&object_code=project&puiFullscreen=on&puiHidePPMTabs=off
  
  Name: Action Items classic
  URL: ../../../../../niku/nu#action:calendar.project.actionItemList&id=${_internalId}&object_id=${_internalId}&projView=true&puiFullscreen=on&puiHidePPMTabs=on

6. Create a number different channels like above
7. Publish the BP
8. Navigate to Projects and configure one of the projects to the newly created BP
9. Open the project and create a few risks
10. Keep switching between the channels

Expected: The Left pane stays as is without overlapping the page

Actual: The left pane randomly overlaps the channel pages hiding information and buttons. 

Environment

Clarity 16.2.2

Cause

The problem lies in the fact that the fix  defect DE80568 involves changes to the out of the box Phoenix UI theme CSS. However, the customer created their own theme by copying the Phoenix UI theme  which we do not have control over.

Resolution

To resolve the problem, you will need to apply the following change to the copied version of the Phoenix UI theme:

 

Remove display: flex  From line number 4471 remove.

Implementing the above change should fix the issue.

Additional Information

DE80568: Page layout breaks for projects having multiple channels, modules and milestones.