Bug 2310160 - UI Misalignment in “Connect to a Key Management Service” Form while creating encrypted storageclass
Summary: UI Misalignment in “Connect to a Key Management Service” Form while creating ...
Keywords:
Status: NEW
Alias: None
Product: Red Hat OpenShift Data Foundation
Classification: Red Hat Storage
Component: management-console
Version: 4.17
Hardware: Unspecified
OS: Unspecified
unspecified
low
Target Milestone: ---
: ---
Assignee: Timothy Asir
QA Contact: Prasad Desala
URL:
Whiteboard:
Depends On:
Blocks:
TreeView+ depends on / blocked
 
Reported: 2024-09-05 08:52 UTC by Parag Kamble
Modified: 2024-09-24 10:14 UTC (History)
3 users (show)

Fixed In Version:
Doc Type: If docs needed, set a value
Doc Text:
Clone Of:
Environment:
Last Closed:
Embargoed:


Attachments (Terms of Use)
Connect to a Key Management Service Form (207.18 KB, image/png)
2024-09-05 08:52 UTC, Parag Kamble
no flags Details


Links
System ID Private Priority Status Summary Last Updated
Github red-hat-storage odf-console pull 1588 0 None open Fix UI alignment on Connect KMS form 2024-09-24 10:14:41 UTC
Red Hat Issue Tracker OCSBZM-9019 0 None None None 2024-09-05 08:52:46 UTC

Description Parag Kamble 2024-09-05 08:52:28 UTC
Created attachment 2045492 [details]
Connect to a Key Management Service Form

Description of problem (please be detailed as possible and provide log
snippests):

There is a UI alignment issue in the “Connect to a Key Management Service” form. The fields under the “Key Management Service Provider” section, such as “Connection name,” “Address,” “Port,” and certificate upload fields, appear misaligned and are not properly structured. This is seen after deployment and during encrypted storageclass creation.


Version of all relevant components (if applicable): 4.17


Does this issue impact your ability to continue to work with the product
(please explain in detail what is the user impact)? No


Is there any workaround available to the best of your knowledge?


Rate from 1 - 5 the complexity of the scenario you performed that caused this
bug (1 - very simple, 5 - very complex)? 1


Can this issue reproducible? Yes


Can this issue reproduce from the UI? Yes 


If this is a regression, please provide more details to justify this:


Steps to Reproduce:
1. Open a storageclass creation form.
2. Click on "Enable Encryption" option.
3. click on "Create new KMS connection" radio button.
4. above step will open a new form for “Connect to a Key Management Service” in the UI.
5. All the oprions in the form are misaligned.


Actual results:
1. Several fields are not aligned properly. For instance:
2. The input fields for “Client certificate,” “CA certificate,” and “Client private key” are not vertically aligned.
3. The text and input boxes are misaligned, creating a cluttered user experience.


Expected results:

1. The input fields should be properly aligned and well-spaced to provide a clean and usable interface.
2. All text, upload fields, and input boxes should appear in a neat and organized structure.


Additional info:

Please see attached image to the more info.


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