Skip to content

[dev] Avatar (User Icon) Image Fixes/Enhancements for PBI AB#16313#45

Merged
oilywithraybans merged 3 commits intodevfrom
features/avatar-image-size
May 20, 2019
Merged

[dev] Avatar (User Icon) Image Fixes/Enhancements for PBI AB#16313#45
oilywithraybans merged 3 commits intodevfrom
features/avatar-image-size

Conversation

@groberts314
Copy link
Copy Markdown
Contributor

  • Add an xxlarge size option for <Icon> component
  • Add logic to scale up Avatar Placeholder (User Icon) image depending on the size parameter passed to the <Image> component
  • Add additional avatar image samples with various sizes to the Image documentation page
  • Resolve ESLINT warnings in Icon.react.js, Image.react.js and ElementsImage.react.js documentation page

The reason for this is I need the Avatar to potentially look like this:

https://sketch.cloud/s/vxGKM/bgDbkwo

image

@morethanfire Please review the styles and sizing logic for images and icons thoroughly. By logic I mean the "translation" from numeric sizes passed to <Image> component to a fixed size option (small, medium, large, etc.) for <Icon>. I took a rough guess at it, and was able to get it doing this:

image

* Add an `xxlarge` size option for `<Icon>` component
* Add logic to scale up Avatar Placeholder (User Icon) image depending on the size parameter passed to the `<Image>` component
* Add additional avatar image samples with various sizes to the Image documentation page
* Resolve ESLINT warnings in `Icon.react.js`, `Image.react.js` and `ElementsImage.react.js` documentation page
Copy link
Copy Markdown
Contributor

@IlyaRadinsky IlyaRadinsky left a comment

Choose a reason for hiding this comment

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

Looks good to me.

* Add ability to have an `onClick` handler for items of a "basic" accordion and where item doesn't use `<Accordion.Summary>` and `<Accordion.Item>` but only passes in a `title` prop.
* Tested the basic accordion onClick functionality on the documentation page
* Fix all ESLINT issues in `Accordion.react.js` and `ModulesAccordion.react.js`
@groberts314
Copy link
Copy Markdown
Contributor Author

@IlyaRadinsky Thanks for the review; much appreciated.
@IlyaRadinsky & @morethanfire I have also added an update to the <Accordion> component in this same branch/PR, adding an ability to have an onClick handler on items that was available in some use cases but missing in the one I needed. I'd like both to make the next version of React CM UI that I can then utilize in my feature branch for the Follow Ups (Workflows) 1.1 stuff.

Copy link
Copy Markdown

@oilywithraybans oilywithraybans left a comment

Choose a reason for hiding this comment

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

Discussed with @aaronsampson and this PR is perfect for now. :shipit:

@oilywithraybans oilywithraybans merged commit f674435 into dev May 20, 2019
@groberts314 groberts314 deleted the features/avatar-image-size branch June 20, 2019 15:48
oilywithraybans pushed a commit that referenced this pull request Aug 3, 2019
[dev] Avatar (User Icon) Image Fixes/Enhancements for PBI AB#16313
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants