Merge pull request #310 from liyasthomas/app-ui

⚡ Minor UI updates

components/collections/collection.vue

@@ -18,7 +18,6 @@
             <button
               class="icon"
               @click="$emit('add-folder')"
-              v-tooltip="'New Folder'"
               v-close-popover
             >
               <i class="material-icons">create_new_folder</i>
@@ -29,7 +28,6 @@
             <button
               class="icon"
               @click="$emit('edit-collection')"
-              v-tooltip="'Edit collection'"
               v-close-popover
             >
               <i class="material-icons">create</i>
@@ -40,7 +38,6 @@
             <button
               class="icon"
               @click="removeCollection"
-              v-tooltip="'Delete collection'"
               v-close-popover
             >
               <i class="material-icons">delete</i>
@@ -126,7 +123,7 @@ export default {
       this.showChildren = !this.showChildren;
     },
     removeCollection() {
-      if (!confirm("Are you sure you want to remove this collection?")) return;
+      if (!confirm("Are you sure you want to remove this Collection?")) return;
       this.$store.commit("postwoman/removeCollection", {
         collectionIndex: this.collectionIndex
       });

components/collections/folder.vue

@@ -18,7 +18,6 @@
             <button
               class="icon"
               @click="editFolder"
-              v-tooltip="'Edit folder'"
               v-close-popover
             >
               <i class="material-icons">edit</i>
@@ -29,7 +28,6 @@
             <button
               class="icon"
               @click="removeFolder"
-              v-tooltip="'Delete folder'"
               v-close-popover
             >
               <i class="material-icons">delete</i>

components/collections/request.vue

@@ -15,7 +15,6 @@
           <button
             class="icon"
             @click="$emit('edit-request')"
-            v-tooltip="'Edit request'"
             v-close-popover
           >
             <i class="material-icons">edit</i>
@@ -26,7 +25,6 @@
           <button
             class="icon"
             @click="removeRequest"
-            v-tooltip="'Delete request'"
             v-close-popover
           >
             <i class="material-icons">delete</i>

components/collections/saveRequestAs.vue

@@ -103,7 +103,7 @@ export default {
   },
   data() {
     return {
-      defaultRequestName: "My New Request",
+      defaultRequestName: "My Request",
       requestData: {
         name: undefined,
         collectionIndex: undefined,

components/history.vue

@@ -11,44 +11,44 @@
           />
         </li>
         <v-popover>
-            <button class="tooltip-target icon" v-tooltip="'More'">
-              <i class="material-icons">more_vert</i>
+            <button class="tooltip-target icon" v-tooltip="'Sort'">
+              <i class="material-icons">sort</i>
             </button>
           <template slot="popover">
             <div>
               <button class="icon" @click="sort_by_label()" v-close-popover>
-                <i class="material-icons">label</i>
-                <span>Sort by label</span>
+                <i class="material-icons">sort_by_alpha</i>
+                <span>Label</span>
               </button>
             </div>
             <div>
               <button class="icon" @click="sort_by_time()" v-close-popover>
                 <i class="material-icons">access_time</i>
-                <span>Sort by time</span>
+                <span>Time</span>
               </button>
             </div>
             <div>
               <button class="icon" @click="sort_by_status_code()" v-close-popover>
                 <i class="material-icons">assistant</i>
-                <span>Sort by status</span>
+                <span>Status</span>
               </button>
             </div>
             <div>
               <button class="icon" @click="sort_by_url()" v-close-popover>
                 <i class="material-icons">language</i>
-                <span>Sort by url</span>
+                <span>URL</span>
               </button>
             </div>
             <div>
               <button class="icon" @click="sort_by_path()" v-close-popover>
                 <i class="material-icons">timeline</i>
-                <span>Sort by path</span>
+                <span>Path</span>
               </button>
             </div>
             <div v-if="showMore">
               <button class="icon" @click="sort_by_duration()" v-close-popover>
                 <i class="material-icons">timer</i>
-                <span>Sort by duration</span>
+                <span>Duration</span>
               </button>
             </div>
             <div>
@@ -107,7 +107,7 @@
           </li>
 -->
           <v-popover>
-            <button class="tooltip-target icon" v-tooltip="'More'">
+            <button class="tooltip-target icon" v-tooltip="'Options'">
               <i class="material-icons">more_vert</i>
             </button>
             <template slot="popover">
@@ -119,8 +119,8 @@
                   aria-label="Edit"
                   v-close-popover
                 >
-                  <i class="material-icons">edit</i>
-                  <span>Use</span>
+                  <i class="material-icons">restore</i>
+                  <span>Restore</span>
                 </button>
               </div>
                <div>
@@ -241,15 +241,17 @@
               class="icon"
               id="confirm-clear-history-button"
               @click="clearHistory"
+               v-tooltip="'Yes'"
             >
-              Yes
+              <i class="material-icons">done</i>
             </button>
             <button
               class="icon"
               id="reject-clear-history-button"
               @click="disableHistoryClearing"
+               v-tooltip="'No'"
             >
-              No
+              <i class="material-icons">close</i>
             </button>
           </div>
         </div>
@@ -267,13 +269,6 @@
   }
 }
 
-label {
-  &:hover {
-    cursor: pointer;
-    color: var(--fg-color);
-  }
-}
-
 .smooth-enter-active,
 .smooth-leave-active {
   transition: all 0.2s;

store/postwoman.js

@@ -62,7 +62,7 @@ export const SETTINGS_KEYS = [
 export const state = () => ({
   settings: {},
   collections: [{
-    name: 'My First Collection',
+    name: 'My Collection',
     folders: [],
     requests: [],
   }],