⚡ Minor UI updates
This commit is contained in:
@@ -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
|
||||
});
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -103,7 +103,7 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
defaultRequestName: "My New Request",
|
||||
defaultRequestName: "My Request",
|
||||
requestData: {
|
||||
name: undefined,
|
||||
collectionIndex: undefined,
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user