Skip to content

MudTabs: Vertical tabs headers now stretch to fill available horizontal space#8259

Merged
henon merged 1 commit intoMudBlazor:devfrom
pingu2k4:8253-fix-vertical-tab-headers-stretch
Mar 4, 2024
Merged

MudTabs: Vertical tabs headers now stretch to fill available horizontal space#8259
henon merged 1 commit intoMudBlazor:devfrom
pingu2k4:8253-fix-vertical-tab-headers-stretch

Conversation

@pingu2k4
Copy link
Contributor

Description

fixes #8253
Prior to this PR, if you have vertical tabs and one or more tabs is oversized, then those tabs which have less width than the largest tab will not fill the available space within the tab header container. This fixes that, so that the entire area is once again clickable (which I think most users would expect) and the hover / ripple zone looks correct also.

How Has This Been Tested?

Visually - its a small css change and nothing more

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)

Before:
image

After:
image

Checklist:

  • The PR is submitted to the correct branch (dev).
  • My code follows the code style of this project.
  • I've added relevant tests.

@github-actions github-actions bot added bug Unexpected behavior or functionality not working as intended PR: needs review labels Feb 28, 2024
@ScarletKuro ScarletKuro requested a review from henon February 28, 2024 17:57
@henon henon changed the title Vertical tabs headers now stretch to fill available space when an oversized header is present MudTabs: Vertical tabs headers now stretch to fill available horizontal space Mar 4, 2024
@henon henon merged commit 26e6ec2 into MudBlazor:dev Mar 4, 2024
@henon
Copy link
Contributor

henon commented Mar 4, 2024

Thanks @pingu2k4

danielchalmers pushed a commit to danielchalmers/MudBlazor that referenced this pull request Mar 13, 2024
danielchalmers pushed a commit to danielchalmers/MudBlazor that referenced this pull request Mar 13, 2024
danielchalmers pushed a commit to danielchalmers/MudBlazor that referenced this pull request Mar 13, 2024
biegehydra pushed a commit to biegehydra/MudBlazor that referenced this pull request Apr 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Unexpected behavior or functionality not working as intended

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Vertical MudTabs tab headers do not stretch

2 participants