diff --git a/src/components/Feature.vue b/src/components/Feature.vue index 4987fb11b85b4e54b909c6aa174d6bc372d209c2..57e4b10a36cad0b306cd7c9ee11051eda3d28d94 100644 --- a/src/components/Feature.vue +++ b/src/components/Feature.vue @@ -6,18 +6,24 @@ <ul v-if="isFeature(child)" style="list-style-type:none; padding:5px;"> <li v-for="attr in child.feature"> <span v-if="attr._attributes"> - <v-chip label small v-on:click.native="mark(attr.ref)"> - <span v-if="attr._attributes.category">Category: {{(attr._attributes.category)}}</span> - <span v-if="attr._attributes.type">, Type: {{(attr._attributes.type)}}</span> - <span v-if="attr._attributes.subtype">, Subtype: {{(attr._attributes.subtype)}}</span> - </v-chip> + <v-tooltip right> + <v-chip label small v-on:click.native="mark(attr.ref)" slot="activator"> + <span v-if="attr._attributes.category">Category: {{(attr._attributes.category)}}</span> + <span v-if="attr._attributes.type">, Type: {{(attr._attributes.type)}}</span> + <span v-if="attr._attributes.subtype">, Subtype: {{(attr._attributes.subtype)}}</span> + </v-chip> + <span v-if="attr._attributes.ref">Lines: {{attr._attributes.ref}}</span> + </v-tooltip> </span> <span v-else-if="attr.category"> - <v-chip label small v-on:click.native="mark(attr.ref)"> - <span v-if="attr.category">Category: {{(attr.category)}}</span> - <span v-if="attr.type">, Type: {{(attr.type)}}</span> - <span v-if="attr.subtype">, Subtype: {{(attr.subtype)}}</span> - </v-chip> + <v-tooltip right> + <v-chip label small v-on:click.native="mark(attr.ref)" slot="activator"> + <span v-if="attr.category">Category: {{(attr.category)}}</span> + <span v-if="attr.type">, Type: {{(attr.type)}}</span> + <span v-if="attr.subtype">, Subtype: {{(attr.subtype)}}</span> + </v-chip> + <span v-if="attr.ref">Lines: {{attr.ref}}</span> + </v-tooltip> </span> <span v-else> <v-chip label small>