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. Step5_DeployCard_UI.png
          Step5_DeployCard_UI.png
          138 kB
        2. Step3_Step4_UI.png
          Step3_Step4_UI.png
          118 kB
        3. Screenshot 2024-02-29 at 22.08.15.png
          Screenshot 2024-02-29 at 22.08.15.png
          212 kB
        4. Screenshot 2024-02-29 at 22.08.02.png
          Screenshot 2024-02-29 at 22.08.02.png
          202 kB
        5. Screenshot 2024-02-20 at 20.52.28.png
          Screenshot 2024-02-20 at 20.52.28.png
          195 kB
        6. screenshot-1.png
          screenshot-1.png
          680 kB
        7. image-2024-03-05-11-20-43-115.png
          image-2024-03-05-11-20-43-115.png
          147 kB
        8. image-2024-03-05-11-16-53-732.png
          image-2024-03-05-11-16-53-732.png
          150 kB
        9. image-2023-12-05-10-57-20-412.png
          image-2023-12-05-10-57-20-412.png
          115 kB
        10. image-2023-12-05-00-53-45-961.png
          image-2023-12-05-00-53-45-961.png
          262 kB
        11. image-2022-12-05-09-46-05-384.png
          image-2022-12-05-09-46-05-384.png
          109 kB
        12. Create cluster Alignment.png
          Create cluster Alignment.png
          56 kB

              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: