Skip to content

Commit

Permalink
[Emotion] Fix overly large scroll shadow gradients (#6374)
Browse files Browse the repository at this point in the history
* Fix overly large scroll shadow gradients

* changelog

* snapshots
  • Loading branch information
Constance authored Nov 17, 2022
1 parent d1a1cb7 commit 1b16fa0
Show file tree
Hide file tree
Showing 4 changed files with 9 additions and 6 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ exports[`EuiFlyoutBody is rendered 1`] = `
data-test-subj="test subject string"
>
<div
class="euiFlyoutBody__overflow css-1fk8opf-noBanner"
class="euiFlyoutBody__overflow css-18yrfj9-noBanner"
tabindex="0"
>
<div
Expand Down
2 changes: 1 addition & 1 deletion src/global_styling/mixins/_helpers.ts
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@ const euiOverflowShadowStyles = (
) => {
const direction = _direction || 'y';
const side = _side || 'both';
const hideHeight = `calc(${size.base} * 0.75 * 1.25)`;
const hideHeight = size.s;
const gradientStart = `
${transparentize('red', 0.1)} 0%,
${transparentize('red', 1)} ${hideHeight}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -178,9 +178,9 @@ exports[`global utility styles generates static global styles 1`] = `
mask-image: linear-gradient(to bottom,
rgba(255,0,0,0.1) 0%,
rgb(255,0,0) calc(16px * 0.75 * 1.25)
rgb(255,0,0) 8px
,
rgb(255,0,0) calc(100% - calc(16px * 0.75 * 1.25)),
rgb(255,0,0) calc(100% - 8px),
rgba(255,0,0,0.1) 100%
);
;}
Expand Down Expand Up @@ -217,9 +217,9 @@ exports[`global utility styles generates static global styles 1`] = `
mask-image: linear-gradient(to right,
rgba(255,0,0,0.1) 0%,
rgb(255,0,0) calc(16px * 0.75 * 1.25)
rgb(255,0,0) 8px
,
rgb(255,0,0) calc(100% - calc(16px * 0.75 * 1.25)),
rgb(255,0,0) calc(100% - 8px),
rgba(255,0,0,0.1) 100%
);
;}[class*='eui-showFor']{display:none!important;}
Expand Down
3 changes: 3 additions & 0 deletions upcoming_changelogs/6374.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
**Bug fixes**

- Fixed the shadow sizes of `.eui-yScrollWithShadows` and `.eui-xScrollWithShadows`

0 comments on commit 1b16fa0

Please sign in to comment.