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): use correct width for value/total #2503

Merged
merged 4 commits into from
Feb 14, 2018
Merged

fix(Progress): use correct width for value/total #2503

merged 4 commits into from
Feb 14, 2018

Conversation

rachelslurs
Copy link
Contributor

This is a fix for #2502

@welcome
Copy link

welcome bot commented Feb 7, 2018

💖 Thanks for opening this pull request! 💖

Here is a list of things that will help get it across the finish line:

  • Run yarn lint locally to catch formatting errors. This will fix some errors automatically, commit and push any changes.
  • Run yarn test locally to catch errors. This ensures all components still behave as they should.
  • Run yarn start to run the doc site locally and try a few pages, ensuring everything is in good working order.
  • Include tests when adding/changing behavior.

We get a lot of pull requests on this repo, so please be patient and we will get back to you as soon as we can.

@codecov-io
Copy link

codecov-io commented Feb 7, 2018

Codecov Report

Merging #2503 into master will increase coverage by <.01%.
The diff coverage is 100%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master    #2503      +/-   ##
==========================================
+ Coverage   99.74%   99.74%   +<.01%     
==========================================
  Files         154      154              
  Lines        2711     2712       +1     
==========================================
+ Hits         2704     2705       +1     
  Misses          7        7
Impacted Files Coverage Δ
src/modules/Progress/Progress.js 100% <100%> (ø) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 873774a...9742b8c. Read the comment docs.

<Divider hidden />
<Item.Description>
<Progress progress='value' value={5} total={7} content='Fashion' color='purple' />
<Progress progress='value' value={2} total={7} content='Cats' color='yellow' />
Copy link
Member

Choose a reason for hiding this comment

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

Let's simplify this example down to the minimum amount code required to show the feature. It makes the docs a little quicker to scan and the doc code editor easier to play with.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Sure, good idea. I wasn't sure if an example use case might be useful. Would there be somewhere else more appropriate to add the example I did?

I'll update this with a simpler example tomorrow.

Copy link
Member

Choose a reason for hiding this comment

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

Right now we don't have a formal place for more cohesive examples. It may be something we add in the future.

@levithomason
Copy link
Member

Just one comment there. Looks great otherwise!

@levithomason levithomason changed the title fix(Progress): if progress is set to value and both value and total are set, display progress bar at the percentage of value/total fix(Progress): use correct width for value/total Feb 7, 2018
@rachelslurs
Copy link
Contributor Author

Updated with a simpler example.

@rachelslurs
Copy link
Contributor Author

@levithomason ready to review 👍

@levithomason levithomason merged commit da7d96f into Semantic-Org:master Feb 14, 2018
@welcome
Copy link

welcome bot commented Feb 14, 2018

Congrats on merging your first pull request! 🎉🎉🎉

robot victory dance

@levithomason
Copy link
Member

Released in semantic-ui-react@0.78.3.

Brantron pushed a commit to Brantron/Semantic-UI-React that referenced this pull request Mar 14, 2018
* fix(Progress): adds condition to display percentage when progress='value' and total is defined

* docs(Progress): add example of progress bar with progress='value' and total defined

* lint error fix

* adding simpler example
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.

3 participants