diff options
Diffstat (limited to 'viewer/src/components')
-rw-r--r-- | viewer/src/components/LdBreadcrumb.vue | 1 | ||||
-rw-r--r-- | viewer/src/components/LdCommand.vue | 1 | ||||
-rw-r--r-- | viewer/src/components/LdProposition.vue | 30 |
3 files changed, 22 insertions, 10 deletions
diff --git a/viewer/src/components/LdBreadcrumb.vue b/viewer/src/components/LdBreadcrumb.vue index 171e96a..ebefc50 100644 --- a/viewer/src/components/LdBreadcrumb.vue +++ b/viewer/src/components/LdBreadcrumb.vue | |||
@@ -45,7 +45,6 @@ export default class LdBreadcrumb extends Vue { | |||
45 | @import "@/assets/scss/theme.scss"; | 45 | @import "@/assets/scss/theme.scss"; |
46 | 46 | ||
47 | .ld-breadcrumb { | 47 | .ld-breadcrumb { |
48 | border-left: 1px solid $disabled-color; | ||
49 | padding-left: 15px; | 48 | padding-left: 15px; |
50 | display: flex; | 49 | display: flex; |
51 | list-style: none; | 50 | list-style: none; |
diff --git a/viewer/src/components/LdCommand.vue b/viewer/src/components/LdCommand.vue index 5b9bbff..7590ea7 100644 --- a/viewer/src/components/LdCommand.vue +++ b/viewer/src/components/LdCommand.vue | |||
@@ -67,6 +67,7 @@ export default class LdCommand extends Vue { | |||
67 | @import "@/assets/scss/theme.scss"; | 67 | @import "@/assets/scss/theme.scss"; |
68 | 68 | ||
69 | .command-btns { | 69 | .command-btns { |
70 | background-color: $command-buttons-bgcolor; | ||
70 | justify-content: space-around; | 71 | justify-content: space-around; |
71 | vertical-align: middle; | 72 | vertical-align: middle; |
72 | align-items: center; | 73 | align-items: center; |
diff --git a/viewer/src/components/LdProposition.vue b/viewer/src/components/LdProposition.vue index 0a293a9..395611f 100644 --- a/viewer/src/components/LdProposition.vue +++ b/viewer/src/components/LdProposition.vue | |||
@@ -2,6 +2,7 @@ | |||
2 | -- pictures into a searchable web gallery. | 2 | -- pictures into a searchable web gallery. |
3 | -- | 3 | -- |
4 | -- Copyright (C) 2019-2020 Guillaume FOUET | 4 | -- Copyright (C) 2019-2020 Guillaume FOUET |
5 | -- 2020 Pacien TRAN-GIRARD | ||
5 | -- | 6 | -- |
6 | -- This program is free software: you can redistribute it and/or modify | 7 | -- This program is free software: you can redistribute it and/or modify |
7 | -- it under the terms of the GNU Affero General Public License as | 8 | -- it under the terms of the GNU Affero General Public License as |
@@ -20,17 +21,28 @@ | |||
20 | <template> | 21 | <template> |
21 | <div> | 22 | <div> |
22 | <div v-for="proposed in proposedTags" :key="proposed.rawTag" class="proposition"> | 23 | <div v-for="proposed in proposedTags" :key="proposed.rawTag" class="proposition"> |
23 | <div class="operation-btns link" @click="add(Operation.SUBSTRACTION, proposed.rawTag)"> | 24 | <a |
24 | <fa-icon icon="minus" /> | 25 | class="operation-btns link" |
25 | </div> | 26 | :title="$t('tag-propositions.substraction')" |
26 | <div class="operation-btns link" @click="add(Operation.ADDITION, proposed.rawTag)"> | 27 | @click="add(Operation.SUBSTRACTION, proposed.rawTag)" |
27 | <fa-icon icon="plus" /> | 28 | ><fa-icon icon="minus" alt="[-]" /></a> |
28 | </div> | 29 | |
29 | <div | 30 | <a |
31 | class="operation-btns link" | ||
32 | :title="$t('tag-propositions.addition')" | ||
33 | @click="add(Operation.ADDITION, proposed.rawTag)" | ||
34 | ><fa-icon icon="plus" alt="[+]" /></a> | ||
35 | |||
36 | <a | ||
30 | class="operation-tag link" | 37 | class="operation-tag link" |
38 | :title="$t('tag-propositions.intersection')" | ||
31 | @click="add(Operation.INTERSECTION, proposed.rawTag)" | 39 | @click="add(Operation.INTERSECTION, proposed.rawTag)" |
32 | >{{proposed.rawTag}}</div> | 40 | >{{proposed.rawTag}}</a> |
33 | <div class="disabled">x{{proposed.count}}</div> | 41 | |
42 | <div | ||
43 | class="disabled" | ||
44 | :title="$t('tag-propositions.item-count')" | ||
45 | >{{proposed.count}}</div> | ||
34 | </div> | 46 | </div> |
35 | </div> | 47 | </div> |
36 | </template> | 48 | </template> |