When some tab-content requires a large width, I observe the tab-label-content grow larger than its siblings, which upsets the left and width calculations that are based on $num-of-tabs.
A simple fix is:
}
.tab-label-content {
- width: 100%;
+ width: 0;
+ flex-grow: 1;
.tab-content {
padding: $space-small;
position: relative;
When some tab-content requires a large width, I observe the tab-label-content grow larger than its siblings, which upsets the left and width calculations that are based on $num-of-tabs.
A simple fix is:
} .tab-label-content { - width: 100%; + width: 0; + flex-grow: 1; .tab-content { padding: $space-small; position: relative;