From 1a457412cf89eccc461d20f6ada74a6c9cc6f98b Mon Sep 17 00:00:00 2001
From: Nazar Kanaev <nkanaev@live.com>
Date: Mon, 27 Jul 2020 23:08:24 +0100
Subject: [PATCH] make feed & item list unselectable

---
 template/index.html                 | 4 ++--
 template/static/stylesheets/app.css | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/template/index.html b/template/index.html
index 0110765..eac27f9 100644
--- a/template/index.html
+++ b/template/index.html
@@ -14,7 +14,7 @@
             <drag :width="feedListWidth" @resize="resizeFeedList"></drag>
             <div class="px-2 toolbar d-flex align-items-center mb-3">
                 <span class="icon mx-2">{% inline "anchor.svg" %}</span>
-                <div class="flex-grow-1">&nbsp;</div>
+                <div class="flex-grow-1 noselect">&nbsp;</div>
                 <!--<button class="toolbar-item" v-b-modal.settings-modal>-->
                 <b-dropdown right no-caret lazy="true" variant="link" class="settings-dropdown" toggle-class="toolbar-item px-2">
                     <template v-slot:button-content class="toolbar-item">
@@ -127,7 +127,7 @@
                     <span class="icon">{% inline "search.svg" %}</span>
                 </button>
                 <input class="d-block toolbar-search" type="" v-model="itemSearch">
-                <div class="flex-grow-1">&nbsp;</div>
+                <div class="flex-grow-1 noselect">&nbsp;</div>
                 <button class="toolbar-item" @click="markItemsRead()" v-if="filterSelected == 'unread'">
                     <span class="icon">{% inline "check.svg" %}</span>
                 </button>
diff --git a/template/static/stylesheets/app.css b/template/static/stylesheets/app.css
index f115616..992c52f 100644
--- a/template/static/stylesheets/app.css
+++ b/template/static/stylesheets/app.css
@@ -151,6 +151,14 @@ select.form-control:not([multiple]):not([size]) {
   margin: 0;
 }
 
+.selectgroup *, .noselect {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+
+}
+
 .selectgroup input {
   opacity: 0;
   position: absolute;