avatar no longer resizes when adding a size prop

powerhome · Feb 1, 2022 · 8ef0406 · 8ef0406
1 parent 4748d05
commit 8ef0406
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/playbook/app/pb_kits/playbook/pb_avatar/_avatar.jsx b/playbook/app/pb_kits/playbook/pb_avatar/_avatar.jsx
@@ -44,7 +44,7 @@ const Avatar = (props: AvatarProps) => {
   const dataProps = buildDataProps(data)
   const ariaProps = buildAriaProps(aria)
   const classes = classnames(
-    buildCss('pb_avatar_kit', size),
+    buildCss('pb_avatar_kit', `size_${size}`),
     globalProps(props),
     className
   )

diff --git a/playbook/app/pb_kits/playbook/pb_avatar/_avatar.scss b/playbook/app/pb_kits/playbook/pb_avatar/_avatar.scss
@@ -16,8 +16,8 @@ $avatar-sizes: (
   position: relative;
 
   @each $name, $size in $avatar-sizes {
-    &[class*=_#{$name}],
-    &[class*=_#{$name}_thumb] {
+    &[class*=_size_#{$name}],
+    &[class*=_size_#{$name}_thumb] {
       width: $size;
       height: $size;
       object-fit: cover;

diff --git a/playbook/app/pb_kits/playbook/pb_avatar/avatar.rb b/playbook/app/pb_kits/playbook/pb_avatar/avatar.rb
@@ -18,7 +18,7 @@ def initials
       end
 
       def classname
-        generate_classname("pb_avatar_kit", size)
+        generate_classname("pb_avatar_kit", "size_#{size}")
       end
 
       def online_status_props