fix: FluentToast width issue when using timestamp in i18n #2508
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Pull Request
When I set
ToastTopCTAType.Timestamp, the timestamp width is incorrect, casuing the string to wrap. As shown below:fluentui-blazor/examples/Demo/Shared/Pages/Toast/Examples/ToastCommunicationToasts.razor
Line 33 in 7b74779
Before
After
📖 Description
This PR fixes a width issue where the layout breaks when displayed in an i18n context. The previous implementation used a fixed width, which caused display problems due to varying text lengths in different languages. The changes ensure that the width is flexible and adapts to the content, providing a consistent user experience across all supported languages. Please review the changes and let me know if any adjustments are needed.
✅ Checklist
General
Component-specific
⏭ Next Steps