diff --git a/packages/eui/changelogs/upcoming/9681.md b/packages/eui/changelogs/upcoming/9681.md new file mode 100644 index 000000000000..2e618e009828 --- /dev/null +++ b/packages/eui/changelogs/upcoming/9681.md @@ -0,0 +1 @@ +- Removed the `translateY` transform on clickable `EuiPanel`s diff --git a/packages/eui/src/components/panel/panel.styles.ts b/packages/eui/src/components/panel/panel.styles.ts index cccce5eed14f..a8f3bbd9b545 100644 --- a/packages/eui/src/components/panel/panel.styles.ts +++ b/packages/eui/src/components/panel/panel.styles.ts @@ -83,8 +83,7 @@ export const euiPanelStyles = (euiThemeContext: UseEuiTheme) => { isClickable: css` ${euiCanAnimate} { transition: box-shadow ${euiTheme.animation.fast} - ${euiTheme.animation.resistance}, - transform ${euiTheme.animation.fast} ${euiTheme.animation.resistance}; + ${euiTheme.animation.resistance}; } &:enabled { @@ -106,7 +105,6 @@ export const euiPanelStyles = (euiThemeContext: UseEuiTheme) => { } `, })} - transform: translateY(-2px); cursor: pointer; } `, diff --git a/packages/eui/src/components/panel/split_panel/split_panel.styles.ts b/packages/eui/src/components/panel/split_panel/split_panel.styles.ts index 67b69cbc424d..137eb881c0c7 100644 --- a/packages/eui/src/components/panel/split_panel/split_panel.styles.ts +++ b/packages/eui/src/components/panel/split_panel/split_panel.styles.ts @@ -40,9 +40,7 @@ export const euiSplitPanelInnerStyles = (euiThemeContext: UseEuiTheme) => { /* Make sure they're evenly split */ flex-basis: 0%; - /* Ensure no movement if they have click handlers */ /* stylelint-disable declaration-no-important */ - transform: none !important; box-shadow: none !important; `,