Skip to content

Large tab-content messes up tab widths #61

@annolangen

Description

@annolangen

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;

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions