Make more text fields clearable

qownnotes · Sep 6, 2020 · 517ed8e · 517ed8e
1 parent 9ef007a
commit 517ed8e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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>