diff --git a/CHANGELOG.md b/CHANGELOG.md index 88779abfb6a..dbeda7b5afa 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,8 @@ # [`master`](https://github.com/elastic/eui/tree/master) -No public interface changes since `0.0.39`. +**Bug fixes** + +- Fix visual shadow glitch on hover of `EuiToast` ([#632](https://github.com/elastic/eui/pull/632)) # [`0.0.39`](https://github.com/elastic/eui/tree/v0.0.39) diff --git a/src-docs/src/views/toast/toast_example.js b/src-docs/src/views/toast/toast_example.js index ea7a48fd634..b46ac501573 100644 --- a/src-docs/src/views/toast/toast_example.js +++ b/src-docs/src/views/toast/toast_example.js @@ -55,7 +55,7 @@ export const ToastExample = { EuiGlobalToastListItem, }, demo: ( -
+
Add toast to global toast list @@ -89,7 +89,7 @@ export const ToastExample = {
), demo: ( -
+
), @@ -108,7 +108,7 @@ export const ToastExample = {

), demo: ( -
+
), @@ -127,7 +127,7 @@ export const ToastExample = {

), demo: ( -
+
), @@ -146,7 +146,7 @@ export const ToastExample = {

), demo: ( -
+
), @@ -165,7 +165,7 @@ export const ToastExample = {

), demo: ( -
+
), diff --git a/src/components/toast/_global_toast_list.scss b/src/components/toast/_global_toast_list.scss index 5126343b01a..12c13474ede 100644 --- a/src/components/toast/_global_toast_list.scss +++ b/src/components/toast/_global_toast_list.scss @@ -13,8 +13,9 @@ z-index: $euiZToastList; bottom: 0; right: 0; - width: $euiToastWidth + $euiSize; /* 3 */ + width: $euiToastWidth + $euiSize + $euiSizeXL; /* 3 */ padding-right: $euiSize; + padding-left: $euiSizeXL; max-height: 100vh; /* 1 */ &:hover { @@ -64,4 +65,3 @@ width: 100%; /* 1 */ } } -