From a41655698f424c0d50f45cad387b02c0ce284a4c Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 3 Jan 2023 15:51:16 +0800
Subject: [PATCH] Disable text selection on some elements

---
 src/app.css   | 3 +++
 src/index.css | 1 +
 2 files changed, 4 insertions(+)

diff --git a/src/app.css b/src/app.css
index aa4a1ba1..ac93a576 100644
--- a/src/app.css
+++ b/src/app.css
@@ -91,6 +91,7 @@ a.mention span {
   align-items: center;
   user-select: none;
   transition: transform 0.5s ease-in-out;
+  user-select: none;
 }
 .deck header[hidden] {
   transform: translateY(-100%);
@@ -354,6 +355,7 @@ a.mention span {
   display: block;
   text-decoration-line: none;
   color: inherit;
+  user-select: none;
   transition: background-color 0.2s ease-out;
   -webkit-tap-highlight-color: transparent;
   animation: appear 0.2s ease-out;
@@ -651,6 +653,7 @@ button.carousel-dot[disabled].active {
   padding: 16px 16px 8px;
   padding-left: max(16px, env(safe-area-inset-left));
   padding-right: max(16px, env(safe-area-inset-right));
+  user-select: none;
 }
 .sheet main {
   overflow: auto;
diff --git a/src/index.css b/src/index.css
index d1b3ffe6..d8230b9c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -123,6 +123,7 @@ button,
   line-height: 1;
   vertical-align: middle;
   text-decoration: none;
+  user-select: none;
 }
 :is(button, .button) > * {
   vertical-align: middle;