From e9af26b917e18c0259dbcd1168b33fd995bda9f0 Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Mon, 29 Sep 2025 16:07:09 -0600
Subject: [PATCH] allow user to select text again

---
 src/pages/parts/home/BookmarksCarousel.tsx | 10 ++++------
 src/pages/parts/home/BookmarksPart.tsx     |  2 --
 src/pages/parts/home/WatchingCarousel.tsx  |  5 ++---
 src/pages/parts/home/WatchingPart.tsx      |  1 -
 4 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/pages/parts/home/BookmarksCarousel.tsx b/src/pages/parts/home/BookmarksCarousel.tsx
index 78cde76c..1e7434f6 100644
--- a/src/pages/parts/home/BookmarksCarousel.tsx
+++ b/src/pages/parts/home/BookmarksCarousel.tsx
@@ -43,7 +43,7 @@ const MAX_ITEMS_PER_SECTION = 20; // Limit items per section
 
 function MediaCardSkeleton() {
   return (
-    <div className="relative mt-4 group cursor-default user-select-none rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto">
+    <div className="relative mt-4 group cursor-default rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto">
       <div className="animate-pulse">
         <div className="w-full aspect-[2/3] bg-mediaCard-hoverBackground rounded-lg" />
         <div className="mt-2 h-4 bg-mediaCard-hoverBackground rounded w-3/4" />
@@ -56,7 +56,7 @@ function MoreBookmarksCard() {
   const { t } = useTranslation();
 
   return (
-    <div className="relative mt-4 group cursor-pointer user-select-none rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto">
+    <div className="relative mt-4 group cursor-pointer rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto">
       <Link to="/bookmarks" className="block">
         <Flare.Base className="group -m-[0.705em] h-[20rem] hover:scale-95 transition-all rounded-xl bg-background-main duration-300 hover:bg-mediaCard-hoverBackground tabbable">
           <Flare.Light
@@ -383,11 +383,10 @@ export function BookmarksCarousel({
                     .map((media) => (
                       <div
                         key={media.id}
-                        style={{ userSelect: "none" }}
                         onContextMenu={(e: React.MouseEvent<HTMLDivElement>) =>
                           e.preventDefault()
                         }
-                        className="relative mt-4 group cursor-pointer user-select-none rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto"
+                        className="relative mt-4 group cursor-pointer rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto"
                       >
                         <WatchedMediaCard
                           key={media.id}
@@ -457,11 +456,10 @@ export function BookmarksCarousel({
                       .map((media) => (
                         <div
                           key={media.id}
-                          style={{ userSelect: "none" }}
                           onContextMenu={(
                             e: React.MouseEvent<HTMLDivElement>,
                           ) => e.preventDefault()}
-                          className="relative mt-4 group cursor-pointer user-select-none rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto"
+                          className="relative mt-4 group cursor-pointer rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto"
                         >
                           <WatchedMediaCard
                             key={media.id}
diff --git a/src/pages/parts/home/BookmarksPart.tsx b/src/pages/parts/home/BookmarksPart.tsx
index babd284e..86738880 100644
--- a/src/pages/parts/home/BookmarksPart.tsx
+++ b/src/pages/parts/home/BookmarksPart.tsx
@@ -287,7 +287,6 @@ export function BookmarksPart({
                 {section.items.map((v) => (
                   <div
                     key={v.id}
-                    style={{ userSelect: "none" }}
                     onContextMenu={(e: React.MouseEvent<HTMLDivElement>) =>
                       e.preventDefault()
                     }
@@ -331,7 +330,6 @@ export function BookmarksPart({
               {section.items.map((v) => (
                 <div
                   key={v.id}
-                  style={{ userSelect: "none" }}
                   onContextMenu={(e: React.MouseEvent<HTMLDivElement>) =>
                     e.preventDefault()
                   }
diff --git a/src/pages/parts/home/WatchingCarousel.tsx b/src/pages/parts/home/WatchingCarousel.tsx
index a8286567..dc8d0942 100644
--- a/src/pages/parts/home/WatchingCarousel.tsx
+++ b/src/pages/parts/home/WatchingCarousel.tsx
@@ -20,7 +20,7 @@ interface WatchingCarouselProps {
 
 function MediaCardSkeleton() {
   return (
-    <div className="relative mt-4 group cursor-default user-select-none rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto">
+    <div className="relative mt-4 group cursor-default rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto">
       <div className="animate-pulse">
         <div className="w-full aspect-[2/3] bg-mediaCard-hoverBackground rounded-lg" />
         <div className="mt-2 h-4 bg-mediaCard-hoverBackground rounded w-3/4" />
@@ -116,11 +116,10 @@ export function WatchingCarousel({
             ? items.map((media) => (
                 <div
                   key={media.id}
-                  style={{ userSelect: "none" }}
                   onContextMenu={(e: React.MouseEvent<HTMLDivElement>) =>
                     e.preventDefault()
                   }
-                  className="relative mt-4 group cursor-pointer user-select-none rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto"
+                  className="relative mt-4 group cursor-pointer rounded-xl p-2 bg-transparent transition-colors duration-300 w-[10rem] md:w-[11.5rem] h-auto"
                 >
                   <WatchedMediaCard
                     key={media.id}
diff --git a/src/pages/parts/home/WatchingPart.tsx b/src/pages/parts/home/WatchingPart.tsx
index a703dfe7..de0f6d6e 100644
--- a/src/pages/parts/home/WatchingPart.tsx
+++ b/src/pages/parts/home/WatchingPart.tsx
@@ -61,7 +61,6 @@ export function WatchingPart({
         {sortedProgressItems.map((v) => (
           <div
             key={v.id}
-            style={{ userSelect: "none" }}
             onContextMenu={(e: React.MouseEvent<HTMLDivElement>) =>
               e.preventDefault()
             }