From b5ae016914db54073448fe621bd580143d356f7d Mon Sep 17 00:00:00 2001
From: ambar <ambar.lee@gmail.com>
Date: Mon, 7 Feb 2022 13:46:36 +0800
Subject: [PATCH] chore: update ActionToast style

---
 packages/griffith/src/components/ActionToast.tsx  | 2 +-
 packages/griffith/src/components/Player.styles.ts | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/griffith/src/components/ActionToast.tsx b/packages/griffith/src/components/ActionToast.tsx
index 4cf2920d..78383cd8 100644
--- a/packages/griffith/src/components/ActionToast.tsx
+++ b/packages/griffith/src/components/ActionToast.tsx
@@ -58,7 +58,7 @@ export const ActionToastOutlet = React.memo(() => {
   const {key, icon, label} = state
 
   return (
-    <div className={css(styles.action)} key={key}>
+    <div className={css(styles.action, styles.actionToast)} key={key}>
       <div className={css(styles.actionButton, styles.actionButtonAnimated)}>
         {icon && <Icon icon={icon} styles={styles.actionIcon} />}
       </div>
diff --git a/packages/griffith/src/components/Player.styles.ts b/packages/griffith/src/components/Player.styles.ts
index f0f86376..7e04c4f5 100644
--- a/packages/griffith/src/components/Player.styles.ts
+++ b/packages/griffith/src/components/Player.styles.ts
@@ -137,6 +137,10 @@ export default StyleSheet.create({
     transform: 'translate(-50%, -50%)',
   },
 
+  actionToast: {
+    pointerEvents: 'none',
+  },
+
   backdrop: {
     position: 'absolute',
     left: 0,