Bug 2112481 - Synced editor forms have incorrect and inconsistent visual display
Summary: Synced editor forms have incorrect and inconsistent visual display
Keywords:
Status: CLOSED ERRATA
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Management Console
Version: 4.11
Hardware: Unspecified
OS: Unspecified
unspecified
medium
Target Milestone: ---
: 4.12.0
Assignee: Steve Goodwin
QA Contact: Xiyun Zhao
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2022-07-29 21:09 UTC by Steve Goodwin
Modified: 2023-01-17 19:54 UTC (History)
2 users (show)

Fixed In Version:
Doc Type: No Doc Update
Doc Text:
NA
Clone Of:
Environment:
Last Closed: 2023-01-17 19:54:07 UTC
Target Upstream Version:
Embargoed:


Attachments (Terms of Use)
PatternFly page example showing correct border panel design (287.13 KB, image/png)
2022-07-29 21:09 UTC, Steve Goodwin
no flags Details
Create Deployment showing display gap errors (470.35 KB, image/png)
2022-07-29 21:15 UTC, Steve Goodwin
no flags Details
Create Route bug (202.47 KB, image/png)
2022-07-29 21:16 UTC, Steve Goodwin
no flags Details


Links
System ID Private Priority Status Summary Last Updated
Github openshift console pull 11903 0 None open Bug 2112481: Fix visual inconsistencies across synched editor forms 2022-07-29 22:48:31 UTC
Red Hat Product Errata RHSA-2022:7399 0 None None None 2023-01-17 19:54:22 UTC

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


Note You need to log in before you can comment on or make changes to this bug.