chore: update ActionToast style

ljl11 · Feb 7, 2022 · b5ae016 · b5ae016
1 parent 87faf57
commit b5ae016
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -137,6 +137,10 @@ export default StyleSheet.create({
     transform: 'translate(-50%, -50%)',
   },
 
+  actionToast: {
+    pointerEvents: 'none',
+  },
+
   backdrop: {
     position: 'absolute',
     left: 0,