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: adjust progress bar wrapper height on web #3997

Merged
merged 2 commits into from
Aug 2, 2023

Conversation

lukewalczak
Copy link
Member

Fixes: #3984

Summary

Correct view wrapper styles for the web to properly display ProgressBar with the percentage height.

Test plan

Added new example and unit test case.

@callstack-bot
Copy link

callstack-bot commented Jul 24, 2023

Hey @lukewalczak, thank you for your pull request 🤗. The documentation from this branch can be viewed here.

@github-actions
Copy link

The mobile version of example app from this branch is ready! You can see it here.

@@ -59,3 +59,13 @@ it('renders indeterminate progress bar', async () => {

expect(tree.toJSON()).toMatchSnapshot();
});

it('renders progress bar with full height on web', () => {
Platform.OS = 'web';
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wouldn't that affect every test from now on in this file?

@@ -94,11 +94,23 @@ const ProgressBarExample = () => {
<View style={styles.row}>
<Text variant="bodyMedium">ProgressBar with animated value</Text>
<AnimatedProgressBar
visible={visible}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍

@lukewalczak lukewalczak added this to the 5.10.0 milestone Jul 25, 2023
@lukewalczak lukewalczak force-pushed the fix/web-progress-bar-percentage-height branch from 8208f26 to 64488a8 Compare July 25, 2023 10:28
@lukewalczak lukewalczak merged commit b0ca57f into main Aug 2, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

ProgressBar with % height style does not work on web
3 participants