Skip to content

Instantly share code, notes, and snippets.

@wplit
Last active December 1, 2025 04:52
Show Gist options
  • Select an option

  • Save wplit/ec406646cea6ed0de34f87756b9e0ea0 to your computer and use it in GitHub Desktop.

Select an option

Save wplit/ec406646cea6ed0de34f87756b9e0ea0 to your computer and use it in GitHub Desktop.
Force equal heights on Pro Tabs (add to CSS settings on pro tabs element)
%root% .x-tabs_content:not(.x-tabs_content-accordion) {
flex-direction: row;
}
%root% .x-tabs_content:not(.x-tabs_content-accordion) .x-tabs_panel {
display: flex!important; /* undo "display: none;" */
opacity: 0;
visibility: hidden;
width: 100%;
}
%root% .x-tabs_content:not(.x-tabs_content-accordion) .x-tabs_panel-current {
opacity: 1;
visibility: visible;
}
%root% .x-tabs_content:not(.x-tabs_content-accordion) .x-tabs_content-item:not(:has(.x-tabs_panel-current)) {
margin-left: -100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment