From ab670a8b24db1117b0d4e6d9530c37d77b7f0106 Mon Sep 17 00:00:00 2001
From: Kevin Wu <kevinwu098@gmail.com>
Date: Wed, 3 Apr 2024 16:22:48 -0700
Subject: [PATCH] style: set pointer-events: none for graphics (#83)

---
 .../Designathon24/components/About/About.module.scss         | 5 +++++
 .../Designathon24/components/Polaroid/Polaroid.module.scss   | 1 +
 .../Designathon24/components/Rules/Rules.module.scss         | 1 +
 3 files changed, 7 insertions(+)

diff --git a/src/app/pages/Designathons/Designathon24/components/About/About.module.scss b/src/app/pages/Designathons/Designathon24/components/About/About.module.scss
index c5b34465..3ae10e2b 100644
--- a/src/app/pages/Designathons/Designathon24/components/About/About.module.scss
+++ b/src/app/pages/Designathons/Designathon24/components/About/About.module.scss
@@ -27,6 +27,7 @@
 	.airplane {
 		position: absolute;
 		max-width: 125px;
+		pointer-events: none;
 
 		bottom: 0px;
 		right: 10px;
@@ -51,6 +52,7 @@
 	.paperclip {
 		position: absolute;
 		max-width: 75px;
+		pointer-events: none;
 
 		top: 320px;
 		left: -24px;
@@ -75,6 +77,7 @@
 		max-width: 200px;
 		bottom: 16px;
 		left: 0px;
+		pointer-events: none;
 
 		@media screen and (min-width: 640px) {
 			max-width: 500px;
@@ -86,11 +89,13 @@
 		max-width: 50%;
 		top: 0px;
 		right: 0px;
+		pointer-events: none;
 	}
 
 	.gradient {
 		max-width: 300px;
 		top: -100px;
+		pointer-events: none;
 	}
 }
 
diff --git a/src/app/pages/Designathons/Designathon24/components/Polaroid/Polaroid.module.scss b/src/app/pages/Designathons/Designathon24/components/Polaroid/Polaroid.module.scss
index de0e8c92..5e6b542b 100644
--- a/src/app/pages/Designathons/Designathon24/components/Polaroid/Polaroid.module.scss
+++ b/src/app/pages/Designathons/Designathon24/components/Polaroid/Polaroid.module.scss
@@ -81,6 +81,7 @@
 		position: absolute;
 		width: 66%;
 		z-index: 5;
+		pointer-events: none;
 
 		top: -5%;
 		left: 50%;
diff --git a/src/app/pages/Designathons/Designathon24/components/Rules/Rules.module.scss b/src/app/pages/Designathons/Designathon24/components/Rules/Rules.module.scss
index ee973bc8..eb128a6f 100644
--- a/src/app/pages/Designathons/Designathon24/components/Rules/Rules.module.scss
+++ b/src/app/pages/Designathons/Designathon24/components/Rules/Rules.module.scss
@@ -97,6 +97,7 @@
 .hearts {
 	position: absolute;
 	width: 25%;
+	pointer-events: none;
 
 	top: 2%;
 	right: 2%;