From 517ed8e4d74f5ebeb0f1f660136a04106f9ca462 Mon Sep 17 00:00:00 2001
From: Patrizio Bekerle <patrizio@bekerle.com>
Date: Sun, 6 Sep 2020 18:36:58 +0200
Subject: [PATCH] Make more text fields clearable

---
 CHANGELOG.md                                | 3 ++-
 app/components/bookmark-all-tabs-button.vue | 2 +-
 app/pages/popup.vue                         | 6 +++---
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c724dde..4b83cc1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,9 +1,10 @@
 # QOwnNotes Web Companion Changelog
 
 ## 20.9.0
-- Now the [Material Design Icons](https://materialdesignicons.com/) are used as icons
+- now the [Material Design Icons](https://materialdesignicons.com/) are used as icons
   instead of Google's Material Icons (that were using icon fonts) to allow disabling
   of icon fonts in Firefox (for [#25](https://github.com/qownnotes/web-companion/issues/25))
+- all text fields are now clearable with a small `x` icon
 
 ## 20.8.2
 - fixed adding of bookmarks due to Vue/Vuetify update
diff --git a/app/components/bookmark-all-tabs-button.vue b/app/components/bookmark-all-tabs-button.vue
index 668134a..ec8150b 100644
--- a/app/components/bookmark-all-tabs-button.vue
+++ b/app/components/bookmark-all-tabs-button.vue
@@ -10,7 +10,7 @@
                 <v-container grid-list-md>
                     <v-layout wrap>
                         <v-flex xs12 sm12>
-                            <v-text-field ref="editedBookmarkDescription" id="editedBookmarkDescription" tabindex="10" v-model="editedBookmark.description" label="Description"></v-text-field>
+                            <v-text-field ref="editedBookmarkDescription" id="editedBookmarkDescription" tabindex="10" v-model="editedBookmark.description" label="Description" clearable></v-text-field>
                         </v-flex>
                     </v-layout>
                 </v-container>
diff --git a/app/pages/popup.vue b/app/pages/popup.vue
index 7929cd4..febc4df 100644
--- a/app/pages/popup.vue
+++ b/app/pages/popup.vue
@@ -115,13 +115,13 @@
                             <v-container grid-list-md>
                                 <v-layout wrap>
                                     <v-flex xs12 sm6>
-                                        <v-text-field ref="editedBookmarkName" id="editedBookmarkName" tabindex="10" v-model="editedBookmark.name" label="Link name"></v-text-field>
+                                        <v-text-field ref="editedBookmarkName" id="editedBookmarkName" tabindex="10" v-model="editedBookmark.name" label="Link name" clearable></v-text-field>
                                     </v-flex>
                                     <v-flex xs12 sm6>
-                                        <v-text-field tabindex="12" v-model="editedBookmark.description" label="Description"></v-text-field>
+                                        <v-text-field tabindex="12" v-model="editedBookmark.description" label="Description" clearable></v-text-field>
                                     </v-flex>
                                     <v-flex xs12 sm12>
-                                        <v-text-field tabindex="11" v-model="editedBookmark.url" label="URL"></v-text-field>
+                                        <v-text-field tabindex="11" v-model="editedBookmark.url" label="URL" clearable></v-text-field>
                                     </v-flex>
                                 </v-layout>
                             </v-container>