make feed & item list unselectable

This commit is contained in:
Nazar Kanaev 2020-07-27 23:08:24 +01:00
parent 0ed5f59f21
commit 1a457412cf
2 changed files with 10 additions and 2 deletions

View File

@ -14,7 +14,7 @@
<drag :width="feedListWidth" @resize="resizeFeedList"></drag> <drag :width="feedListWidth" @resize="resizeFeedList"></drag>
<div class="px-2 toolbar d-flex align-items-center mb-3"> <div class="px-2 toolbar d-flex align-items-center mb-3">
<span class="icon mx-2">{% inline "anchor.svg" %}</span> <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>--> <!--<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"> <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"> <template v-slot:button-content class="toolbar-item">
@ -127,7 +127,7 @@
<span class="icon">{% inline "search.svg" %}</span> <span class="icon">{% inline "search.svg" %}</span>
</button> </button>
<input class="d-block toolbar-search" type="" v-model="itemSearch"> <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'"> <button class="toolbar-item" @click="markItemsRead()" v-if="filterSelected == 'unread'">
<span class="icon">{% inline "check.svg" %}</span> <span class="icon">{% inline "check.svg" %}</span>
</button> </button>

View File

@ -151,6 +151,14 @@ select.form-control:not([multiple]):not([size]) {
margin: 0; margin: 0;
} }
.selectgroup *, .noselect {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectgroup input { .selectgroup input {
opacity: 0; opacity: 0;
position: absolute; position: absolute;