aboutsummaryrefslogtreecommitdiff
path: root/viewer/src/components
diff options
context:
space:
mode:
authorpacien2020-02-08 18:54:56 +0100
committerpacien2020-02-08 18:54:56 +0100
commite606751ffeb4557cf69f7e24322d3dcc7336fc06 (patch)
tree263eff5ecb0ed023286a1cdb6a1d9fd7df536c2c /viewer/src/components
parent32abf4e1f82dcb9738bbfc41a84bb38672e14603 (diff)
downloadldgallery-e606751ffeb4557cf69f7e24322d3dcc7336fc06.tar.gz
viewer: ldproposition: fix keyboard navigation
By using proper semantics, using 'a' instead of 'div' to allow keyboard selection.
Diffstat (limited to 'viewer/src/components')
-rw-r--r--viewer/src/components/LdProposition.vue13
1 files changed, 7 insertions, 6 deletions
diff --git a/viewer/src/components/LdProposition.vue b/viewer/src/components/LdProposition.vue
index 0a293a9..0da24ad 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,16 +21,16 @@
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 class="operation-btns link" @click="add(Operation.SUBSTRACTION, proposed.rawTag)">
24 <fa-icon icon="minus" /> 25 <fa-icon icon="minus" />
25 </div> 26 </a>
26 <div class="operation-btns link" @click="add(Operation.ADDITION, proposed.rawTag)"> 27 <a class="operation-btns link" @click="add(Operation.ADDITION, proposed.rawTag)">
27 <fa-icon icon="plus" /> 28 <fa-icon icon="plus" />
28 </div> 29 </a>
29 <div 30 <a
30 class="operation-tag link" 31 class="operation-tag link"
31 @click="add(Operation.INTERSECTION, proposed.rawTag)" 32 @click="add(Operation.INTERSECTION, proposed.rawTag)"
32 >{{proposed.rawTag}}</div> 33 >{{proposed.rawTag}}</a>
33 <div class="disabled">x{{proposed.count}}</div> 34 <div class="disabled">x{{proposed.count}}</div>
34 </div> 35 </div>
35 </div> 36 </div>