Skip to content
This repository has been archived by the owner on Mar 4, 2020. It is now read-only.

fix(Avatar): display correctly images in portrait mode #899

Merged
merged 6 commits into from
Feb 18, 2019

Conversation

layershifter
Copy link
Member

This PR fixes display images inside Avatar that are in portrait mode.

Before

image

After

image

@layershifter layershifter added 🚀 ready for review 🧰 fix Introduces fix for broken behavior. labels Feb 14, 2019
@codecov
Copy link

codecov bot commented Feb 14, 2019

Codecov Report

Merging #899 into master will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##           master     #899   +/-   ##
=======================================
  Coverage   80.59%   80.59%           
=======================================
  Files         649      649           
  Lines        8321     8321           
  Branches     1484     1420   -64     
=======================================
  Hits         6706     6706           
  Misses       1600     1600           
  Partials       15       15
Impacted Files Coverage Δ
...src/themes/teams/components/Avatar/avatarStyles.ts 33.33% <ø> (ø) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 175abda...8cbdcd7. Read the comment docs.

CHANGELOG.md Outdated
@@ -29,6 +29,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
- Keyframes are behaving as expected when RTL is dynamically switched @layershifter ([#894](https://github.com/stardust-ui/react/pull/894))
- Fix inserting char at a cursor position will the cursor to end in `Dropdown` @layershifter ([#897](https://github.com/stardust-ui/react/pull/897))
- Replace margins with padding in `chatItemStyles` for Teams theme ([#878](https://github.com/stardust-ui/react/pull/878))
- Display correctly images in portrait mode inside `Avatar` @layershifter ([#899](https://github.com/stardust-ui/react/pull/899))
Copy link
Contributor

Choose a reason for hiding this comment

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

Be sure that this will be in the correct section after merging the master (we released 0.21.1)

@layershifter
Copy link
Member Author

Also works with extra small images:
image

  <>
    <Avatar image="public/images/avatar/small/matt.jpg" />
    <Avatar image="public/images/avatar/large/jerry.png" />
    <Avatar image="https://via.placeholder.com/16x16" />
  </>

@layershifter layershifter merged commit 93f3d33 into master Feb 18, 2019
@layershifter layershifter deleted the fix/avatar-round branch February 18, 2019 12:29
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
🧰 fix Introduces fix for broken behavior. 🚀 ready for review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants