Add icons for accuracy/relevancy.
--- a/src_js/iconolab-bundle/src/components/tagform/TagListItem.vue Wed Feb 22 16:46:53 2017 +0100
+++ b/src_js/iconolab-bundle/src/components/tagform/TagListItem.vue Wed Feb 22 18:29:43 2017 +0100
@@ -5,9 +5,11 @@
<div class="tag-item-buttons">
<div class="tag-item-btn tag-item-accuracy" v-bind:data-value="accuracy">
<button class="btn btn-default" v-bind:title="accuracyTitle">{{ accuracy || '?' }}</button>
+ <i v-if="index === 0" class="fa fa-exclamation-triangle text-muted" aria-hidden="true" title="Fiabilité"></i>
</div>
<div class="tag-item-btn tag-item-relevancy" v-bind:data-value="relevancy">
<button class="btn btn-default" v-bind:title="relevancyTitle">{{ relevancy || '?' }}</button>
+ <i v-if="index === 0" class="fa fa-crosshairs text-muted" aria-hidden="true" title="Pertinence"></i>
</div>
<div v-show="!readonly" class="tag-item-btn tag-item-delete">
<button class="btn btn-default" @click="remove"><i class="fa fa-times" aria-hidden="true"></i></button>
@@ -135,6 +137,7 @@
.tag-item-btn {
float: left;
+ position: relative;
}
.tag-item-btn button {
@@ -142,6 +145,14 @@
background-color: transparent;
}
+.tag-item-accuracy .fa,
+.tag-item-relevancy .fa {
+ position: absolute;
+ left: 50%;
+ top: -50%;
+ transform: translate(-50%, -50%);
+}
+
.tag-item-btn[data-value="1"] {
background-color: #fc5f62;
}