surface
surface copied to clipboard
Large tab-content messes up tab widths
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;