Uh oh!
There was an error while loading. Please reload this page.
fix(progress-bar): remove data url from progress-bar's css styling - #8898
Conversation
| <div class="mat-progress-bar-background mat-progress-bar-element"> | ||
| <svg width="100%" height="5"> | ||
| <defs> | ||
| <pattern id="circle" x="5" y="0" width="10" height="5" patternUnits="userSpaceOnUse"> |
| * then placed back into the DOM again. This is necessary as the browser only defines the | ||
| * styling of SVG pattern elements as it is placed into the DOM. | ||
| */ | ||
| private _reappendCircleSvgElement() { |
There was a problem hiding this comment.
I'm not convinced that this is necessary. The progress spinner supports changing the colors without having to re-append the element to the DOM. Are you sure that it doesn't have something to do with the circles not having a unique id?
e6cc39d to
97f8482Compare| <div class="mat-progress-bar-background mat-progress-bar-element"> | ||
| <svg width="100%" height="5"> | ||
| <defs> | ||
| <pattern id="{{progressbarId}}" x="5" y="0" width="10" height="5" patternUnits="userSpaceOnUse"> |
There was a problem hiding this comment.
Use [id] instead of interpolation?
| background-size: 10px 4px; | ||
| display: none; | ||
| svg { | ||
| position: absolute; |
There was a problem hiding this comment.
Also comment on why the element is absolute?
97f8482 to
2b4e1bfCompare8ec3e4b to
237b400Compare237b400 to
3bd2224Compare3bd2224 to
a77110dComparea3a7515 to
32ae3b0Compare32ae3b0 to
bb3bdb3Comparejosephperrott
commented
Jan 25, 2018
@jelbourn ready for another look when you have a moment. |
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
Fixes#8876