Merge pull request #242 from aXenDeveloper/fix/select_item_topic_foru…

…m_mobile fix(forum): Fix pointer-events on click on forum and topic item in forum view for mobile
VitNode · Mar 1, 2024 · dd998e8 · dd998e8
2 parents 0bbfab6 + 11a0dd0
commit dd998e8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/frontend/components/header-content/header-content.tsx b/frontend/components/header-content/header-content.tsx
@@ -38,7 +38,7 @@ export const HeaderContent = forwardRef<
           <h2 className="font-semibold tracking-tight text-xl">{h2}</h2>
         )}
         {desc && (
-          <div className="text-sm text-muted-foreground [&_p]:text-center sm:[&_p]:text-left">
+          <div className="text-sm text-muted-foreground [&_p]:text-left">
             {desc}
           </div>
         )}

diff --git a/frontend/themes/1/forum/views/forum/forums/item/item.tsx b/frontend/themes/1/forum/views/forum/forums/item/item.tsx
@@ -29,7 +29,7 @@ export const ItemForum = ({
 
   return (
     <WrapperItemForum
-      className="px-6 py-4 border-t hover:bg-muted/50 flex gap-4 cursor-pointer flex-col md:flex-row"
+      className="px-6 py-4 border-t hover:bg-muted/50 flex gap-4 cursor-pointer flex-col md:flex-row pointer-events-none md:pointer-events-auto"
       href={href}
     >
       <div className="flex gap-4 flex-1">
@@ -63,7 +63,7 @@ export const ItemForum = ({
         </div>
       </div>
 
-      {_count.total_topics > 0 && _count.total_posts > 0 && (
+      {_count.total_topics > 0 && (
         <div className="flex-shrink-0 flex md:gap-4 gap-2 md:flex-row flex-col md:items-center">
           <StatsItemForum {..._count} />
           <LastPostItemForum />

diff --git a/frontend/themes/1/forum/views/forum/forums/views/[id]/topics-list/wrapper-item.tsx b/frontend/themes/1/forum/views/forum/forums/views/[id]/topics-list/wrapper-item.tsx
@@ -17,7 +17,7 @@ export const WrapperItemTopicListForum = ({ children, href }: Props) => {
   return (
     <div
       onClick={() => push(href)}
-      className="px-6 py-4 hover:bg-muted/50 cursor-pointer"
+      className="px-6 py-4 hover:bg-muted/50 cursor-pointer pointer-events-none md:pointer-events-auto"
     >
       {children}
     </div>