You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Also see if we can match the structure in the core demo. We need to remove the extra space between the primary and secondary tabs, and make sure the secondary tabs extends to the edge of the container with an inset, so the border goes to the edge of the container.
If we can't match the core structure, you should be able to do that with the current example by:
Add .pf-m-no-padding to page section that wraps secondary tabs and tab content
Add .pf-m-page-insets to secondary tabs (and remove .pf-m-inset-none)
Add .pf-m-padding to the .pf-c-tab-content__body element that wraps the "Pod details" content
Side note - the first tab content element in this demo is in it's own div, and the others are in another, and those divs are wrapped in a flex layout - could the flex layout just be removed and the tab content elements all be adjacent to one another? Only one should show at a time.
The text was updated successfully, but these errors were encountered:
Issue: patternfly/patternfly#4753
PR: patternfly/patternfly#4774
.pf-m-border-bottom
to add a bottom border to secondary tabs..pf-m-no-padding
to page section that wraps secondary tabs and tab content.pf-m-page-insets
to secondary tabs (and remove.pf-m-inset-none
).pf-m-padding
to the.pf-c-tab-content__body
element that wraps the "Pod details" contentThe text was updated successfully, but these errors were encountered: