Note: This bug is displayed in read-only format because the product is no longer active in Red Hat Bugzilla.

Bug 2112481

Summary: Synced editor forms have incorrect and inconsistent visual display
Product: OpenShift Container Platform Reporter: Steve Goodwin <sgoodwin>
Component: Management ConsoleAssignee: Steve Goodwin <sgoodwin>
Status: CLOSED ERRATA QA Contact: Xiyun Zhao <xiyuzhao>
Severity: medium Docs Contact:
Priority: unspecified    
Version: 4.11CC: jhadvig, yapei
Target Milestone: ---   
Target Release: 4.12.0   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard:
Fixed In Version: Doc Type: No Doc Update
Doc Text:
NA
Story Points: ---
Clone Of: Environment:
Last Closed: 2023-01-17 19:54:07 UTC Type: Bug
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Embargoed:
Attachments:
Description Flags
PatternFly page example showing correct border panel design
none
Create Deployment showing display gap errors
none
Create Route bug none

Description Steve Goodwin 2022-07-29 21:09:09 UTC
Created attachment 1900204 [details]
PatternFly page example showing correct border panel design

Some screens with forms that allow for editing via Form elements or YAML editor do not follow the PatternFly page design where the borders extend to adjacent UI elements (Side nav bar, edge of screen, etc) See attached PatternFly page example. 

The following page forms have space gaps between elements.
Edit BuildConfig
Create Deployment
Create ConfigMap
Install Helm chart
Create Pipeline Builder
Create Route

Also the Create PodDisruptionBudget is missing a top horizontal border

Comment 1 Steve Goodwin 2022-07-29 21:15:31 UTC
Created attachment 1900210 [details]
Create Deployment showing display gap errors

Comment 2 Steve Goodwin 2022-07-29 21:16:13 UTC
Created attachment 1900218 [details]
Create Route bug

Comment 4 Xiyun Zhao 2022-08-05 07:24:35 UTC
This bug has been verified on payload 4.12.0-0.nightly-2022-08-04-190903

Verification Step:
1. Navigate to the below page, and check if the page follows the PatternFly page design eg: Side nav bar, edge of the screen, etc
Create PodDisruptionBudget
Edit BuildConfig
Create Deployment
Create ConfigMap
Install Helm chart
Create Pipeline Builder
Create Route
Create/Edit MachineSets
Observe- Metrics, Dashboard
2. Change browser, check if the changes are working on Chrome(104.0.5112.79), Edge(103.0.1264.77), Firefox(103.0.1), and Safari(pad)

Result:
Now the page follows the PatternFly design
 1) the extra space is gone
 2) the top horizontal border is added on Create PodDisruptionBudget page

Comment 7 errata-xmlrpc 2023-01-17 19:54:07 UTC
Since the problem described in this bug report should be
resolved in a recent advisory, it has been closed with a
resolution of ERRATA.

For information on the advisory (Moderate: OpenShift Container Platform 4.12.0 bug fix and security update), and where to find the updated
files, follow the link below.

If the solution does not work for you, open a new bug report.

https://access.redhat.com/errata/RHSA-2022:7399