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

[OCM-UI] UI visualization/presentation issues in ROSA getstarted page.

    • Icon: Bug Bug
    • Resolution: Done
    • Icon: Normal Normal
    • None
    • None
    • None
    • OCM UI Sprint 245, OCM UI Sprint 246, OCM UI Sprint 247, OCM UI Core Sprint 248, OCM Core Sprint 249, OCM Core Sprint 250

      Description of problem:

      1. Size irregularity on command fields from ROSA getstarted page(Under ROSA Prerequisites steps_.

      • Step 3 - Create the service linked role for the Elastic Load Balancer (ELB) :
        The two commands listed in the page are relatively larger and occupied in a smaller command field.
      • Step 4 - Log in to the ROSA CLI with your Red Hat account token and create AWS account roles and policies :
        The two command field sizes are irregular and the account-role command field seems larger. It would be nice if these command fields maintain the same length.
      • Step 5 - Verify your credentials and quota :
        The two commands field sizes are larger and which is not a great design while considering look and feel.

      In General , if we could maintain the similar size for all the command line fields , it would really look better.

      2. Deploy the cluster and set up access
      The two deployment method cards (Deploy with CLI and Deploy with web interface) could be visualized as separate cards with solid borders would give a nice feel.
      With the current design, it is not showcased as two different cards for the user (could be due to a very thin card border and looks plain area) from the UI.

      How reproducible:
      Always

      Steps to Reproduce:
      Launch OCM staging env.
      Go to ROSA getstarted page (page location - /openshift/create/rosa/getstarted)
      Verify the UI elements and its presentations.

      Actual results:
      See the description.

      Expected results:
      1. Regarding Size irregularity for command fields, Keep standard size for all the command fields from the getstarted page.
      2. Regarding the deployment method cards, seperate cards with solid borders for better feel on UI for users.

      Additional info:
      Please find the attached screenshot.

        1. Create cluster Alignment.png
          56 kB
          Jayakrishnan Mekkattillam
        2. image-2022-12-05-09-46-05-384.png
          109 kB
          Peter Kreuser
        3. image-2023-12-05-00-53-45-961.png
          262 kB
          Joy Jean
        4. image-2023-12-05-10-57-20-412.png
          115 kB
          Jayakrishnan Mekkattillam
        5. image-2024-03-05-11-16-53-732.png
          150 kB
          Jayakrishnan Mekkattillam
        6. image-2024-03-05-11-20-43-115.png
          147 kB
          Jayakrishnan Mekkattillam
        7. screenshot-1.png
          680 kB
          Thi Le
        8. Screenshot 2024-02-20 at 20.52.28.png
          195 kB
          Eliran Malka
        9. Screenshot 2024-02-29 at 22.08.02.png
          202 kB
          Eliran Malka
        10. Screenshot 2024-02-29 at 22.08.15.png
          212 kB
          Eliran Malka
        11. Step3_Step4_UI.png
          118 kB
          Jayakrishnan Mekkattillam
        12. Step5_DeployCard_UI.png
          138 kB
          Jayakrishnan Mekkattillam

              emalka@redhat.com Eliran Malka
              jmekkatt@redhat.com Jayakrishnan Mekkattillam
              Jayakrishnan Mekkattillam Jayakrishnan Mekkattillam
              Votes:
              0 Vote for this issue
              Watchers:
              9 Start watching this issue

                Created:
                Updated:
                Resolved: