Skip to content

Migrate cluster tabs to Pajamas tabs

What does this MR do and why?

This change updates the cluster detail tabs to use Pajamas compliant classes and styles.

Screenshots or screen recordings

Please note the tabs margin/padding has changed:

before after
image image

How to set up and validate locally

  1. Create a cluster at Project -> Clusters e.g. http://gdk.test:3000/h5bp/html5-boilerplate/-/clusters
    • you can use mock data if you don't have cluster
  2. Visit the cluster show page http://gdk.test:3000/h5bp/html5-boilerplate/-/clusters/3?tab=details
  3. Switch between the tabs to see different configuration options

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #230786 (closed)

Edited by Miguel Rincon

Merge request reports