Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(progress): wider bar min width #3069

Merged
merged 1 commit into from
Jul 9, 2024

Conversation

lubber-de
Copy link
Member

@lubber-de lubber-de commented Jul 6, 2024

Description

When a progress is very short, the bar could contain a value > "10%" which then does not completely fit into the bar anymore.
By slightly increasing the min-width, this should cover almost every usecase.

Testcase

https://jsfiddle.net/gq045pk7/3/

The second example is using the fix from this PR

Screenshot

The progess should show "11%"

Broken

image

Fixed

image

Closes

#3068

@lubber-de lubber-de added type/bug Any issue which is a bug or PR which fixes a bug lang/css Anything involving CSS state/awaiting-reviews Pull requests which are waiting for reviews labels Jul 6, 2024
@lubber-de lubber-de added this to the 2.9.4 milestone Jul 6, 2024
@lubber-de lubber-de merged commit 882ab06 into fomantic:develop Jul 9, 2024
10 checks passed
@lubber-de lubber-de removed the state/awaiting-reviews Pull requests which are waiting for reviews label Jul 9, 2024
@lubber-de lubber-de deleted the widerProgressMinWidth branch July 18, 2024 06:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
lang/css Anything involving CSS type/bug Any issue which is a bug or PR which fixes a bug
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants