chore: Added x48 avatar size (#170)

RocketChat · Mar 16, 2020 · b69d700 · b69d700
1 parent 834b22e
commit b69d700
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 1 deletion.
diff --git a/packages/fuselage/.loki/reference/chrome_iphone7_Misc_Avatar_Default_Story.png b/packages/fuselage/.loki/reference/chrome_iphone7_Misc_Avatar_Default_Story.png
diff --git a/packages/fuselage/.loki/reference/chrome_laptop_Misc_Avatar_Default_Story.png b/packages/fuselage/.loki/reference/chrome_laptop_Misc_Avatar_Default_Story.png
diff --git a/packages/fuselage/src/components/Avatar/stories.mdx b/packages/fuselage/src/components/Avatar/stories.mdx
@@ -9,7 +9,7 @@ import { Avatar, Margins } from '../..';
 <Preview>
   <Story name='Default'>
     <Margins all='x16'>
-      {['x2', 'x4', 'x8', 'x12', 'x16', 'x20', 'x24', 'x28', 'x32', 'x36', 'x40'].map((size, i) =>
+      {['x2', 'x4', 'x8', 'x12', 'x16', 'x20', 'x24', 'x28', 'x32', 'x36', 'x40', 'x48'].map((size, i) =>
         <Avatar
           url='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC
             4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj

diff --git a/packages/fuselage/src/components/Avatar/styles.scss b/packages/fuselage/src/components/Avatar/styles.scss
@@ -18,4 +18,9 @@
   }
 
   @include use-size-modifier;
+
+  &--size-x48 {
+    width: calc(#{$spaces-x40} + #{$spaces-x8});
+    height: calc(#{$spaces-x40} + #{$spaces-x8});
+  }
 }