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

[OCM UI] Styling issues seen in different part of OCM UI.

    • Icon: Bug Bug
    • Resolution: Unresolved
    • Icon: Major Major
    • None
    • None
    • Core UI
    • False
    • Hide

      None

      Show
      None
    • False
    • OCMUI Core Sprint 255, OCMUI Core Sprint 256, OCMUI Core Sprint 257, OCMUI Core Sprint 258, OCMUI Core Sprint 259, OCMUI Core Sprint 260, OCMUI Core Sprint 261, OCMUI Core Sprint 262, OCMUI Core Sprint 263

      Description of problem:

      In OCM UI staging, there were seen styling issues i.e misplaced UI elements in different part of OCMUI. The issues mainly seen with wizard steps and cluster details tabs.

      Some of the examples as below
      1. Wizard : The gaps between the help icon and widget seems more
      2. Wizard : The help icons are placed not in same position as related widget.

      3. Wizard : Position of checkbox and associated text definition alignment seems wrong

      4. Cluster details page (ex: Networking tab)

       

      How reproducible:

      Always

      Steps to Reproduce:

      1. Open OCM UI staging.
      2. Launch OSD or ROSA wizard
      3. Observe the widget styles and placement in each section.
      4. Open cluster details and review each tab definitions.

       

        1. image-2024-06-05-19-17-46-471.png
          56 kB
          Jayakrishnan Mekkattillam
        2. image-2024-06-05-19-20-54-623.png
          45 kB
          Jayakrishnan Mekkattillam
        3. image-2024-06-05-19-25-59-880.png
          51 kB
          Jayakrishnan Mekkattillam

              mortegag@redhat.com Montse Ortega Gallart
              jmekkatt@redhat.com Jayakrishnan Mekkattillam
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated: