Avoid avatars to be shrinked by flexbox policies (#3750)

* Avoid avatars to be shrinked by flexbox policies * fixing post avatar size
mattermost · Sep 24, 2019 · 0bd4112 · 0bd4112
1 parent 307ccc6
commit 0bd4112
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/components/post_profile_picture/post_profile_picture.jsx b/components/post_profile_picture/post_profile_picture.jsx
@@ -105,7 +105,7 @@ export default class PostProfilePicture extends React.PureComponent {
  hasMention={hasMention}
  isBusy={isBusy}
  isRHS={isRHS}
- size='lg'
+ size='md'
  src={src}
  profileSrc={profileSrc}
  isEmoji={isEmoji}

diff --git a/components/widgets/users/avatar.scss b/components/widgets/users/avatar.scss
@@ -2,26 +2,32 @@
  border-radius: 50%;
  &.Avatar-xs {
  width: 16px;
+ min-width: 16px;
  height: 16px;
  }
  &.Avatar-sm {
  width: 24px;
+ min-width: 24px;
  height: 24px;
  }
  &.Avatar-md {
  width: 32px;
+ min-width: 32px;
  height: 32px;
  }
  &.Avatar-lg {
  width: 36px;
+ min-width: 36px;
  height: 36px;
  }
  &.Avatar-xl {
  width: 50px;
+ min-width: 50px;
  height: 50px;
  }
  &.Avatar-xxl {
  width: 128px;
+ min-width: 128px;
  height: 128px;
  }
 }
diff --git a/sass/layout/_post.scss b/sass/layout/_post.scss
@@ -1461,24 +1461,17 @@
  }
 
  .profile-icon {
- @include border-radius(50px);
  display: inline-flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
 
- img {
- max-width: none;
- vertical-align: inherit;
- height: 32px;
- width: 32px;
- }
-
  &.emoji {
- @include border-radius(unset);
  img {
+ @include border-radius(unset);
  height: 28px;
  width: 28px;
+ min-width: 28px;
  }
  }
  }