Uploaded image for project: 'OCMUI - OpenShift Cluster Manager UI'
  1. OCMUI - OpenShift Cluster Manager UI
  2. OCMUI-3426

[Wizards] Lack of padding in subnet definitions in "Review and Create" step results in visually merged values.

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Minor Minor
    • None
    • None
    • Core UI
    • Quality / Stability / Reliability
    • False
    • Hide

      None

      Show
      None
    • False
    • OCMUI Core Sprint 271, OCMUI Core Sprint 272, OCMUI Core Sprint 273, OCMUI Core Sprint 274

      Description of the Problem:

      Lack of padding between table cells in the subnet definition(s) on the "Review and create" step of wizard (both ROSA and OSD) result in poor UX behavior. See below screenshot.

       

      Steps to Reproduce

      1. Launch ROSA wizard.
      2. Fill all required definitions in each step and reach to "Networking >Configuration" step
      3. Select "Install into existing VPC" and click "Next" button.
      4. Select a VPC (Note: It should contain a public and private subnet with larger names ~54 characters)
      5. Select AZ, Public and private subnet values and proceed to next steps.
      6. Reach to "Review and create" step.
      7. Review the VPC settings definitions.

      Actual Results:

      Lack of padding in subnet definitions in "Review and Create" step results in visually merged values.

      Expected results:

      Add more padding so that values do not run into each other.

      Design Considerations:

      We use a table layout in a few areas:

      Review Step: Networking / VPC Subnet settings

       

      OSD wizard: GCP

      • Can only be one row, even when multi-zoned.

      Rosa Wizard: Classic

      - 1 to 3 rows

      Review Step: Default machine pool / Machine pools

      Rosa Wizard: HCP

      • 1 to infinity?Unable to render embedded object: File (  I got to 15 rows) not found.

        1. review-classic.png
          review-classic.png
          51 kB
        2. review-gcp.png
          review-gcp.png
          44 kB
        3. review-hcp.png
          review-hcp.png
          54 kB
        4. Screenshot 2025-05-19 at 6.38.40 PM.png
          Screenshot 2025-05-19 at 6.38.40 PM.png
          76 kB
        5. Screenshot 2025-05-19 at 7.23.51 PM.png
          Screenshot 2025-05-19 at 7.23.51 PM.png
          25 kB

              Unassigned Unassigned
              jmekkatt@redhat.com Jayakrishnan Mekkattillam
              LAKSHMI SHIVANTHI AMARACHINTHA LAKSHMI SHIVANTHI AMARACHINTHA
              Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

                Created:
                Updated: