Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ProgressRing should have a transparent mask

See original GitHub issue

Original details can be found here:

I am thinking we can add two props for this. One would be a surface much like the icon-button and surface component has that the user can pass in the surface level value for the color. A second prop could be mask where the user can pass in any color they want in case the surface levels aren’t enough.

We can use some logic like found in the spacer component where if the user supplies both the mask prop would take precedent.

We can also try following @beauroberts suggestions for updating the SVG on the ProgressRing.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

wmui51commented, Jun 27, 2019

@beauroberts thanks for that, if that’s the case we’ll get to fixing the svg and do not need to implement the props. This should get released by early next week, thanks again.

wmui51commented, Jul 2, 2019

Dug a little more into this, and there seems to be a bunch of logic tied to the mask and the svg, so it will probably be a quicker fix on our side to do the prop workaround.

Will let whoever picks this up to decide.

Read more comments on GitHub >

github_iconTop Results From Across the Web

ProgressRing In Uwp - Stack Overflow
I Have 10 Pictures , I Want When Someone click on next button, before completely loaded picture in picture Box , Progress Ring...
Read more >
Why Transparent Face Masks Should Be Added To Your ...
It gently lifts dirt and other impurities that are caused by pollution and enhances the skin's appearance through a mild exfoliation. If you ......
Read more >
Intro to masks and transparency in Motion - Apple Support
When you create a mask to define transparency in a layer, you're drawing a shape to use as that layer's alpha channel. (For...
Read more >
Progress Ring Module for Corona SDK - Jason Schroeder
A progress ring object must have simple and easy-to-use methods for ... Corona has a nested masking limit of 3, so take care...
Read more >
Layer masks in Photoshop - Get perfect smooth transparency ...
How to get smoother masking inside of Photoshop. Alright, so I'm going to show you something about masking that few people realize.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found