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

[Avatar] rollback, use ligter border color #1252

Merged
merged 2 commits into from
Jul 29, 2015
Merged

[Avatar] rollback, use ligter border color #1252

merged 2 commits into from
Jul 29, 2015

Conversation

oliviertassinari
Copy link
Member

Follow discusion in #1204.
Better rendering performance.
Add a new avatar.borderColor theme property. If set to null, no border is displayed.

size,
src,
style,
...other,
} = this.props;

const boxShadow = (style && style.boxShadow) ? style.boxShadow : '0 0 1px 0 rgba(0, 0, 0, 0.2) inset';
const borderRadius = (style && style.borderRadius) ? style.borderRadius : '50%';

let styles = {
root: {
height: size,
width: size,
userSelect: 'none',
backgroundColor: backgroundColor,
Copy link
Member

Choose a reason for hiding this comment

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

@oliviertassinari backgroundColor should not be set for image avatars as well.

With backgroundColor:
image

Without backgroundColor:
image

@oliviertassinari
Copy link
Member Author

@hai-cea good eyes!

hai-cea pushed a commit that referenced this pull request Jul 29, 2015
[Avatar] rollback, use ligter border color
@hai-cea hai-cea merged commit 7798bb4 into mui:master Jul 29, 2015
@hai-cea
Copy link
Member

hai-cea commented Jul 29, 2015

Thanks @oliviertassinari

@oliviertassinari oliviertassinari deleted the avatar branch August 14, 2015 08:33
oliviertassinari referenced this pull request Aug 24, 2015
I can't find the border on the spec of material design.
mnajdova pushed a commit to mnajdova/material-ui that referenced this pull request Nov 10, 2020
After mui#1236, a few imports were remaining, remove those imports.
Also use type `Omit` from typescript utility types. This will ensure
zero direct references to `@material-ui/core`.
@zannager zannager added the component: avatar This is the name of the generic UI component, not the React module! label Mar 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: avatar This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants