fix: Resolve z-index issue of toast message

해결: #28

Author: 6-keem

src/content/App.tsx

@@ -149,6 +149,18 @@ export default function App() {
     }));
   };
 
+  useEffect(() => {
+    if (isOpen) {
+      document.body.style.overflow = 'hidden';
+    } else {
+      document.body.style.overflow = '';
+    }
+
+    return () => {
+      document.body.style.overflow = '';
+    };
+  }, [isOpen]);
+
   return (
     <>
       <PendingDialogWithBeforeUnload isPending={isPending} onClose={() => {}} />

src/content/components/Assignment.tsx

@@ -62,6 +62,7 @@ export default function Assignment({ courseData }: Props) {
                     paddingLeft: '4px',
                     paddingRight: '4px',
                     clipPath: 'inset(0 0 0 0);',
+                    zIndex: '9999',
                   }}
                 >
                   {calculateRemainingTime(course.dueDate)}

src/content/components/QuizTab.tsx

@@ -61,6 +61,7 @@ export default function QuizTab({ courseData }: Props) {
                     paddingBottom: '1px',
                     paddingLeft: '4px',
                     paddingRight: '4px',
+                    zIndex: '9999',
                   }}
                 >
                   {calculateRemainingTime(course.dueDate)}

src/content/components/Video.tsx

@@ -128,6 +128,7 @@ export default function Video({ courseData }: Props) {
                     paddingBottom: '1px',
                     paddingLeft: '4px',
                     paddingRight: '4px',
+                    zIndex: '9999',
                   }}
                 >
                   {calculateRemainingTimeByRange(vods[0].range)}