aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/components
diff options
context:
space:
mode:
authorpacien2020-02-08 18:20:50 +0100
committerpacien2020-02-08 18:20:50 +0100
commit1942eb9e6d323aca512e53732179c823139dd9a1 (patch)
treeaf2ff6bab51c339197e1cd01ba7711977fc221f6 /viewer/src/components
parenta286e822c37a17efc80e99b13d5cc02fef4ee138 (diff)
downloadldgallery-1942eb9e6d323aca512e53732179c823139dd9a1.tar.gz
viewer: ldcommand: clarify command button actions
By using more explicit icons and tooltip.
Diffstat (limited to 'viewer/src/components')
-rw-r--r--viewer/src/components/LdCommand.vue14
1 files changed, 7 insertions, 7 deletions
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue
index eeab89f..5953eac 100644
--- a/viewer/src/components/LdCommand.vue
+++ b/viewer/src/components/LdCommand.vue
@@ -20,16 +20,16 @@
20 20
21<template> 21<template>
22 <div class="flex command-btns"> 22 <div class="flex command-btns">
23 <a class="link" :title="$t('title.tags')" @click="$uiStore.toggleFullWidth()"> 23 <a class="link" :title="$t('command.search')" @click="$uiStore.toggleFullWidth()">
24 <fa-icon :icon="commandTagsIcon()" size="lg" /> 24 <fa-icon :icon="commandToggleSearchPanelIcon()" size="lg" />
25 </a> 25 </a>
26 <router-link to="/" class="command-secondary" :class="{'disabled': isRoot()}" :title="$t('title.home')"> 26 <router-link to="/" class="command-secondary" :class="{'disabled': isRoot()}" :title="$t('command.home')">
27 <fa-icon icon="home" size="lg" /> 27 <fa-icon icon="home" size="lg" />
28 </router-link> 28 </router-link>
29 <a class="link command-secondary" :title="$t('title.back')" @click="$router.go(-1)"> 29 <a class="link command-secondary" :title="$t('command.back')" @click="$router.go(-1)">
30 <fa-icon icon="arrow-left" size="lg" /> 30 <fa-icon icon="arrow-left" size="lg" />
31 </a> 31 </a>
32 <router-link :class="{'disabled': isRoot()}" :title="$t('title.parent')" :to="parent()"> 32 <router-link :class="{'disabled': isRoot()}" :title="$t('command.parent')" :to="parent()">
33 <fa-icon icon="folder" size="xs" /> 33 <fa-icon icon="folder" size="xs" />
34 <fa-icon icon="level-up-alt" size="lg" /> 34 <fa-icon icon="level-up-alt" size="lg" />
35 </router-link> 35 </router-link>
@@ -42,8 +42,8 @@ import { RawLocation } from "vue-router";
42 42
43@Component 43@Component
44export default class LdCommand extends Vue { 44export default class LdCommand extends Vue {
45 commandTagsIcon(): string { 45 commandToggleSearchPanelIcon(): string {
46 return this.$uiStore.fullWidth ? "tags" : "window-close"; 46 return this.$uiStore.fullWidth ? "search" : "angle-double-left";
47 } 47 }
48 48
49 isRoot(): boolean { 49 isRoot(): boolean {