Make handle easier to select and copy

fedify-dev · Mar 4, 2024 · b264f15 · b264f15
1 parent 8492986
commit b264f15
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/examples/blog/components/PostList.tsx b/examples/blog/components/PostList.tsx
@@ -34,7 +34,10 @@ export default function PostList(
         <hgroup>
           <h1>{blog.title}</h1>
           <p>
-            <strong>@{blog.handle}@{domain}</strong> &middot;{" "}
+            <strong style="user-select: all; cursor: text;">
+              @{blog.handle}@{domain}
+            </strong>{" "}
+            &middot;{" "}
             <a href="/followers">
               {followers === 1n ? "1 follower" : `${followers} followers`}
             </a>{" "}

diff --git a/examples/blog/routes/followers.tsx b/examples/blog/routes/followers.tsx
@@ -21,7 +21,10 @@ export default async function FollowerList(req: Request) {
             <a href="/">{blog.title}</a>
           </h1>
           <p>
-            <strong>@{blog.handle}@{domain}</strong> &middot;{" "}
+            <strong style="user-select: all; cursor: text;">
+              @{blog.handle}@{domain}
+            </strong>{" "}
+            &middot;{" "}
             {totalFollowers === 1n
               ? "1 follower"
               : `${totalFollowers} followers`} &middot; {blog.description}

diff --git a/examples/blog/routes/posts/[uuid].tsx b/examples/blog/routes/posts/[uuid].tsx
@@ -81,7 +81,10 @@ export default function PostPage(
             <a href="/">{blog.title}</a>
           </h1>
           <p>
-            <strong>@{blog.handle}@{domain}</strong> &middot;{" "}
+            <strong style="user-select: all; cursor: text;">
+              @{blog.handle}@{domain}
+            </strong>{" "}
+            &middot;{" "}
             <a href="/followers">
               {followers === 1n ? "1 follower" : `${followers} followers`}
             </a>{" "}