Move z-index of pizza reactions higher

webkom · Feb 5, 2025 · 00a8906 · 00a8906
1 parent 47afacd
commit 00a8906
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/app/components/Tooltip/Tooltip.module.css b/app/components/Tooltip/Tooltip.module.css
@@ -35,3 +35,5 @@
 .arrow {
   animation: fade-in 0.2s;
 }
+
+.zIndex { z-index: 6}
diff --git a/app/components/Tooltip/index.tsx b/app/components/Tooltip/index.tsx
@@ -1,3 +1,4 @@
+import cx from 'classnames';
 import { useState } from 'react';
 import { Popover, ArrowContainer } from 'react-tiny-popover';
 import styles from './Tooltip.module.css';
@@ -37,7 +38,7 @@ const Tooltip = ({
       <Popover
         isOpen={hovered}
         positions={positions}
-        containerClassName={containerClassName}
+        containerClassName={cx(containerClassName, styles.zIndex)}
         content={({ position, childRect, popoverRect }) => (
           <ArrowContainer
             position={position}