From 5a244e585fa533a49425e2fedff64b16bdcaeaa0 Mon Sep 17 00:00:00 2001
From: Joscha <joscha@plugh.de>
Date: Sat, 15 Feb 2025 12:42:42 +0100
Subject: [PATCH] Make elements not selectable by default

---
 README.md                                       | 1 -
 gdn-app/src/App.vue                             | 2 +-
 gdn-app/src/components/CNavbarButton.vue        | 2 +-
 gdn-app/src/components/CNavbarDropdownEntry.vue | 2 +-
 gdn-app/src/components/CNote.vue                | 5 ++++-
 gdn-app/src/components/CNoteButton.vue          | 2 +-
 6 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 8f0e2a2..cd403fd 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,6 @@ variations or spellings are incorrect.
 ## Todos
 
 - TODO Fix wide notes adding horizontal scroll bar
-- TODO Make text not selectable by default
 - TODO Fix deleting note not unlinking it (and maybe other child inconsistencies
   as well)
 - TODO Rename "note not found" to "loading..."
diff --git a/gdn-app/src/App.vue b/gdn-app/src/App.vue
index 667b3bb..9715f05 100644
--- a/gdn-app/src/App.vue
+++ b/gdn-app/src/App.vue
@@ -23,7 +23,7 @@ window.addEventListener("keypress", (ev) => {
 </script>
 
 <template>
-  <div class="flex h-screen touch-pan-x touch-pan-y flex-col">
+  <div class="flex h-screen touch-pan-x touch-pan-y select-none flex-col">
     <CNavbar />
     <div class="h-full overflow-auto p-1 pr-5">
       <CNote
diff --git a/gdn-app/src/components/CNavbarButton.vue b/gdn-app/src/components/CNavbarButton.vue
index d7a2ff8..67b8034 100644
--- a/gdn-app/src/components/CNavbarButton.vue
+++ b/gdn-app/src/components/CNavbarButton.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex select-none items-center rounded-md bg-neutral-800 px-2 hover:bg-neutral-700 active:bg-neutral-500"
+    class="flex items-center rounded-md bg-neutral-800 px-2 hover:bg-neutral-700 active:bg-neutral-500"
   >
     <slot></slot>
   </div>
diff --git a/gdn-app/src/components/CNavbarDropdownEntry.vue b/gdn-app/src/components/CNavbarDropdownEntry.vue
index 1982945..c145fd2 100644
--- a/gdn-app/src/components/CNavbarDropdownEntry.vue
+++ b/gdn-app/src/components/CNavbarDropdownEntry.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="m-1">
-    <div class="cursor-pointer select-none rounded px-2 hover:bg-neutral-700">
+    <div class="cursor-pointer rounded px-2 hover:bg-neutral-700">
       <slot></slot>
     </div>
   </div>
diff --git a/gdn-app/src/components/CNote.vue b/gdn-app/src/components/CNote.vue
index 13d4249..9795c8f 100644
--- a/gdn-app/src/components/CNote.vue
+++ b/gdn-app/src/components/CNote.vue
@@ -217,7 +217,10 @@ async function onInsertEditorCopy(): Promise<void> {
         @close="onEditEditorClose"
         @finish="onEditEditorFinish"
       />
-      <div v-else-if="note && note.text.trim().length > 0" class="whitespace-pre-wrap px-1">
+      <div
+        v-else-if="note && note.text.trim().length > 0"
+        class="select-auto whitespace-pre-wrap px-1"
+      >
         {{ note.text }}
       </div>
       <div v-else-if="note" class="px-1 font-light italic">empty</div>
diff --git a/gdn-app/src/components/CNoteButton.vue b/gdn-app/src/components/CNoteButton.vue
index b3fdc6e..42237c5 100644
--- a/gdn-app/src/components/CNoteButton.vue
+++ b/gdn-app/src/components/CNoteButton.vue
@@ -12,7 +12,7 @@ const {
 
 <template>
   <button
-    class="flex h-5 w-5 select-none items-center justify-center rounded-sm border border-black transition"
+    class="flex h-5 w-5 items-center justify-center rounded-sm border border-black transition"
     :class="{
       'bg-white text-black': !inverted,
       'bg-black text-white': inverted,