No more custom context menu on whole search bar (#904)

Also tiny opacity animation for search bar buttons

Author: morceaudebois

src/scripts/features/contextmenu.ts

@@ -77,7 +77,8 @@ export function openContextMenu(event: Event): void {
             main: !!target.closest(sectionMatching.main.section),
             quotes: !!target.closest(sectionMatching.quotes.section),
             pomodoro: !!target.closest(sectionMatching.pomodoro.section),
-            searchbar: !!target.closest(sectionMatching.searchbar.section),
+            // allows context menu on whole search bar except input (to allow for native paste)
+            searchbar: !!target.closest(sectionMatching.searchbar.section) && !target.closest('#searchbar'),
             notes: !!target.closest(sectionMatching.notes.section),
         },
         interface: target.matches('main#interface') || target.matches('body'),

src/styles/features/searchbar.css

@@ -73,6 +73,8 @@
     display: flex;
     opacity: 0;
     visibility: hidden;
+    transition: opacity 0.1s, visibility 0.1s;
+    transition-behavior: allow-discrete;
 }
 
 #sb-buttons.shown {