surface icon indicating copy to clipboard operation
surface copied to clipboard

Large tab-content messes up tab widths

Open annolangen opened this issue 5 years ago • 0 comments

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;

annolangen avatar Feb 17 '20 18:02 annolangen