Skip to content

MudField: Text overflow ellipsis for labels#9613

Merged
henon merged 2 commits intoMudBlazor:devfrom
ArcadeMode:9574-field-label-overflow
Aug 21, 2024
Merged

MudField: Text overflow ellipsis for labels#9613
henon merged 2 commits intoMudBlazor:devfrom
ArcadeMode:9574-field-label-overflow

Conversation

@ArcadeMode
Copy link
Contributor

@ArcadeMode ArcadeMode commented Aug 12, 2024

Description

Fixes: #9574
As proposed in #9574, field label styles to prevent text overflow and text wrap. instead does ellipsis. Tested locally and seems to work okay.

Before:
image
image

After:
image
image
image

How Has This Been Tested?

Visually tested on different docs pages.

Type 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)
  • Documentation (fix or improvement to the website or code docs)

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 Aug 12, 2024
@ArcadeMode ArcadeMode force-pushed the 9574-field-label-overflow branch from 6555707 to f60461a Compare August 12, 2024 13:29
@ArcadeMode ArcadeMode changed the title MudField - text overflow ellipsis for labels MudField: text overflow ellipsis for labels Aug 12, 2024
@codecov
Copy link

codecov bot commented Aug 12, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 90.57%. Comparing base (28bc599) to head (f60461a).
Report is 421 commits behind head on dev.

Additional details and impacted files
@@            Coverage Diff             @@
##              dev    #9613      +/-   ##
==========================================
+ Coverage   89.82%   90.57%   +0.74%     
==========================================
  Files         412      406       -6     
  Lines       11878    12751     +873     
  Branches     2364     2472     +108     
==========================================
+ Hits        10670    11549     +879     
+ Misses        681      641      -40     
- Partials      527      561      +34     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

@danielchalmers danielchalmers requested a review from henon August 21, 2024 03:13
@henon henon added enhancement Adds a new feature or enhances existing functionality (not fixing a defect) in the main library and removed PR: needs review bug Unexpected behavior or functionality not working as intended labels Aug 21, 2024
@henon henon changed the title MudField: text overflow ellipsis for labels MudField: Text overflow ellipsis for labels Aug 21, 2024
@henon henon merged commit 65b04da into MudBlazor:dev Aug 21, 2024
@henon
Copy link
Contributor

henon commented Aug 21, 2024

Thanks!

@gabephudson
Copy link
Contributor

Nice tweak! We had already applied a no-wrap style for this very reason.

Just a suggestion to maybe list things like this as a breaking change in the release notes in the future. I can anticipate apps where ellipses start appearing for long labels that may have already been styled to assume they will wrap as they did in the past.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement Adds a new feature or enhances existing functionality (not fixing a defect) in the main library

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Responsive field label styling

4 participants