-
Notifications
You must be signed in to change notification settings - Fork 6.8k
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
feat(progress-spinner): create progress-spinner based on MDC Web #20048
Conversation
ca84a45
to
bcac8f0
Compare
src/material-experimental/mdc-progress-spinner/progress-spinner.html
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.scss
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
One more thing: it doesn't look like the server-side rendering check was set up for the new component. |
src/dev-app/mdc-progress-spinner/mdc-progress-spinner-demo.scss
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/_progress-spinner-theme.scss
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.scss
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.html
Outdated
Show resolved
Hide resolved
</div> | ||
</div> | ||
</div> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Do we know why the MDC spinner is so much more complicated than our existing one? I'm surprised that this has four SVGs when the current spinner uses just one (with two circle
elements)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think it may be because the MDC spinner supports 4 colors but I'm not sure
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Four colors at the same time? It would be good to just check in with them to get some background so that we know why it's built this way
src/material-experimental/mdc-progress-spinner/progress-spinner.scss
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
1a7ef3e
to
69605dc
Compare
src/material-experimental/mdc-progress-spinner/progress-spinner.html
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.scss
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.html
Outdated
Show resolved
Hide resolved
</div> | ||
</div> | ||
</div> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Four colors at the same time? It would be good to just check in with them to get some background so that we know why it's built this way
src/material-experimental/mdc-progress-spinner/progress-spinner.scss
Outdated
Show resolved
Hide resolved
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
5f6798b
to
d9592f5
Compare
d9592f5
to
de98adf
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
src/material-experimental/mdc-progress-spinner/progress-spinner.ts
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM- we can figure out more about the multiple svgs as we go
…on MDC Web (#20048) * add files for MDC-based MatProgressSpinner * add demo of mdc-based MatProgressSpinner at localhost:4200/mdc-progress-spinner * copy MDC DOM and add MDC styles * set up MDC foundation for MDC-based MatProgressSpinner * (wip) add adapter and fill in API * copy over existing demo to MDC-based demo * serverside rendering, refactor * add tests (adapter class wip) * remove separate class for MatSpinner * add e2e tests * add harness * add user documantation README * add codeowner, theme dep * address CI failures * export MatSpinner as const to avoid build error * fix missing e2e import * fix nits * remove changes to _all-themes to keep PR merge-safe (add back in followup) (cherry picked from commit 294b8ee)
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. |
No description provided.