From 7ed4cbbeba76372e94c586f2bf762fc2e0292618 Mon Sep 17 00:00:00 2001
From: TerryM <chiachintat10@gmail.com>
Date: Sat, 30 May 2026 22:17:58 +0800
Subject: [PATCH 1/2] fix: disable video controls text selection

---
 src/components/messageStream/MessageInlineVideo.tsx | 2 +-
 src/index.css                                       | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/messageStream/MessageInlineVideo.tsx b/src/components/messageStream/MessageInlineVideo.tsx
index 5418f2a..0a3809b 100644
--- a/src/components/messageStream/MessageInlineVideo.tsx
+++ b/src/components/messageStream/MessageInlineVideo.tsx
@@ -306,7 +306,7 @@ export function MessageInlineVideo({
       ) : null}
 
       <div
-        className={`absolute inset-x-0 bottom-0 z-20 flex items-center bg-gradient-to-t from-black/85 via-black/45 to-transparent leading-none text-white ${t.bar}`}
+        className={`message-stream-noncopyable-control absolute inset-x-0 bottom-0 z-20 flex items-center bg-gradient-to-t from-black/85 via-black/45 to-transparent leading-none text-white ${t.bar}`}
         onClick={(e) => e.stopPropagation()}
       >
         <button
diff --git a/src/index.css b/src/index.css
index d052de6..750839e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -137,6 +137,13 @@ header button {
   }
 }
 
+.message-stream-noncopyable-control,
+.message-stream-noncopyable-control * {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
 .message-stream-copyable-text,
 .message-stream-copyable-text * {
   -webkit-user-select: text;

From 3f251710d083efdefb246ddb8da5bc3036975769 Mon Sep 17 00:00:00 2001
From: TerryM <chiachintat10@gmail.com>
Date: Sat, 30 May 2026 22:52:46 +0800
Subject: [PATCH 2/2] fix: polish mobile menu titles

---
 src/layouts/PublicLayout.tsx                | 16 ++++++++++------
 src/pages/Categories/index.tsx              |  2 ++
 src/pages/OfficialRecommendations/index.tsx |  2 ++
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/layouts/PublicLayout.tsx b/src/layouts/PublicLayout.tsx
index e3210d2..9740a50 100644
--- a/src/layouts/PublicLayout.tsx
+++ b/src/layouts/PublicLayout.tsx
@@ -65,6 +65,10 @@ function navClassName(active: boolean) {
   ].join(" ");
 }
 
+function mobileMenuNavClassName(active: boolean) {
+  return `${navClassName(active)} w-fit justify-self-start`;
+}
+
 const dropdownAnimationClass = "ark-header-popover-enter";
 const headerMenuAnimationClass = "ark-header-menu-enter";
 
@@ -633,7 +637,7 @@ export function PublicLayout() {
             </div>
             <Link
               to="/browse"
-              className={navClassName(na("browseAll"))}
+              className={mobileMenuNavClassName(na("browseAll"))}
               aria-current={na("browseAll") ? "page" : undefined}
               onClick={() => setOpen(false)}
             >
@@ -641,7 +645,7 @@ export function PublicLayout() {
             </Link>
             <Link
               to="/categories"
-              className={navClassName(na("categories"))}
+              className={mobileMenuNavClassName(na("categories"))}
               aria-current={na("categories") ? "page" : undefined}
               onClick={() => setOpen(false)}
             >
@@ -649,7 +653,7 @@ export function PublicLayout() {
             </Link>
             <Link
               to="/official-recommendations"
-              className={navClassName(na("browseRecommended"))}
+              className={mobileMenuNavClassName(na("browseRecommended"))}
               aria-current={na("browseRecommended") ? "page" : undefined}
               onClick={() => setOpen(false)}
             >
@@ -657,7 +661,7 @@ export function PublicLayout() {
             </Link>
             <Link
               to="/browse?sort=latest"
-              className={navClassName(na("browseLatest"))}
+              className={mobileMenuNavClassName(na("browseLatest"))}
               aria-current={na("browseLatest") ? "page" : undefined}
               onClick={() => setOpen(false)}
             >
@@ -665,7 +669,7 @@ export function PublicLayout() {
             </Link>
             <Link
               to={popularHref}
-              className={navClassName(na("browsePopular"))}
+              className={mobileMenuNavClassName(na("browsePopular"))}
               aria-current={na("browsePopular") ? "page" : undefined}
               onClick={() => setOpen(false)}
             >
@@ -673,7 +677,7 @@ export function PublicLayout() {
             </Link>
             <Link
               to="/favorites"
-              className={navClassName(na("favorites"))}
+              className={mobileMenuNavClassName(na("favorites"))}
               aria-current={na("favorites") ? "page" : undefined}
               onClick={() => setOpen(false)}
             >
diff --git a/src/pages/Categories/index.tsx b/src/pages/Categories/index.tsx
index bd902b9..e5e7c28 100644
--- a/src/pages/Categories/index.tsx
+++ b/src/pages/Categories/index.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
 import { getJSON, itemsOrEmpty, readJSONCache, type Category } from "../../api";
 import { CategoryIcon } from "../../components/CategoryIcon";
+import { useSetPageTitle } from "../../components/PageTitleContext";
 import { SectionHeader } from "../../components/SectionHeader";
 import { Skeleton } from "../../components/Skeleton";
 import { langQuery, useI18n } from "../../i18n";
@@ -32,6 +33,7 @@ function figmaCategoryRank(category: Category): number {
 
 export function CategoriesPage() {
   const { t, lang } = useI18n();
+  useSetPageTitle(t("categories"));
   const [cats, setCats] = useState<Category[]>([]);
   const [err, setErr] = useState<string | null>(null);
 
diff --git a/src/pages/OfficialRecommendations/index.tsx b/src/pages/OfficialRecommendations/index.tsx
index b52be7f..454b114 100644
--- a/src/pages/OfficialRecommendations/index.tsx
+++ b/src/pages/OfficialRecommendations/index.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import { getJSON, itemsOrEmpty, readJSONCache, type Category } from "../../api";
+import { useSetPageTitle } from "../../components/PageTitleContext";
 import { RecommendedCard } from "../../components/RecommendedCard";
 import { SectionHeader } from "../../components/SectionHeader";
 import { langQuery, useI18n } from "../../i18n";
@@ -12,6 +13,7 @@ import {
 
 export function OfficialRecommendationsPage() {
   const { t, lang } = useI18n();
+  useSetPageTitle(t("official"));
   const [items, setItems] = useState<PostBackedResource[]>([]);
   const [err, setErr] = useState<string | null>(null);