Altering the avatars a bit (#945)

elastic · Jun 22, 2018 · adab5c5 · adab5c5
1 parent d9a2a1b
commit adab5c5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Reduced font sizes of `EuiAvatar` ([#945](https://github.com/elastic/eui/pull/945))
+
 **Bug fixes**
 
 - `EuiTooltip` re-positions content correctly after the window is resized ([#936](https://github.com/elastic/eui/pull/936))

diff --git a/src/components/avatar/_avatar.scss b/src/components/avatar/_avatar.scss
@@ -5,6 +5,7 @@
   vertical-align: middle;
   overflow-x: hidden;
   cursor: default; // Make sure we don't get the text cursor
+  font-weight: $euiFontWeightRegular; // Explicitly state so it doesn't get overridden by inheritence
 }
 
 .euiAvatar--user {
@@ -21,19 +22,19 @@
 $avatarSizing: (
   s: (
     size: $euiSizeL,
-    font-size: $euiSizeM
+    font-size: $euiSizeM*.9
   ),
   m: (
     size: $euiSizeXL,
-    font-size: $euiSize
+    font-size: $euiSize*.9
   ),
   l: (
     size: $euiSizeXXL,
-    font-size: $euiSizeL
+    font-size: $euiSizeL*.8
   ),
   xl: (
     size: ($euiSize * 4),
-    font-size: $euiSizeXL
+    font-size: $euiSizeXL*.8
   ),
 );