diff --git a/CHANGELOG.md b/CHANGELOG.md index ded931ab72f..39f9248dbb3 100644 --- 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 index bcbb071a577..cf6052d3696 100644 --- 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 ), );