MudTimeline: Make horizontal layout responsive#7402
Merged
henon merged 1 commit intoMudBlazor:devfrom Aug 22, 2023
Merged
Conversation
By simply adding a min-width property to the mud-timeline-item nested within the mud-timeline-horizontal style, I was able to prevent the items from overflowing down to screen sizes of about 325px wide.
Member
Contributor
Author
|
Updated the PR to include the issue it resolves. |
henon
changed the title
henon
changed the title
Contributor
|
Wow, simple fix. Thanks! |
ScarletKuro
added
bug
ilovepilav
pushed a commit
to ilovepilav/MudBlazor
that referenced
this pull request
Nov 25, 2023
…Blazor#7402) By simply adding a min-width property to the mud-timeline-item nested within the mud-timeline-horizontal style, I was able to prevent the items from overflowing down to screen sizes of about 325px wide.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
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.
Description
Added a min-width property to the
mud-timeline-itemCSS class nested within themud-timeline-horizontalclass, both defined in the SASS partial_timeline.scss. This allows the horizontal timeline to be responsive, and prevents overflow on any screen size down to ~325px wide.Resolves #7368
How Has This Been Tested?
This was visually tested using the MudBlazor.UnitTests.Viewer project. No new tests were created.
Types of changes
Checklist:
dev).