# HG changeset patch
# User Alexandre Segura <mex.zktk@gmail.com>
# Date 1489493899 -3600
# Node ID 2980c90e88cea51fd8dfd429ce0dfeff29468947
# Parent  729e51dd282e3badc23851e931203638921c2c28
Disable hover effect when TagList is readonly.

diff -r 729e51dd282e -r 2980c90e88ce src_js/iconolab-bundle/src/components/tagform/TagListItem.vue
--- a/src_js/iconolab-bundle/src/components/tagform/TagListItem.vue	Tue Mar 14 13:07:45 2017 +0100
+++ b/src_js/iconolab-bundle/src/components/tagform/TagListItem.vue	Tue Mar 14 13:18:19 2017 +0100
@@ -1,6 +1,7 @@
 <template>
     <div class="tag-container">
-        <div @click="toggle" class="tag-item">
+        <div @click="toggle" class="tag-item"
+            v-bind:class="{ 'tag-item--readonly': readonly }">
             <span class="tag-title">{{ label }}</span>
             <div class="tag-item-buttons">
                 <div class="tag-item-btn tag-item-accuracy" v-bind:data-value="accuracy">
@@ -211,13 +212,13 @@
 }
 
 .tag-item {
-    cursor: pointer;
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid #ccc;
 }
-.tag-item:hover {
+.tag-item:not(.tag-item--readonly):hover {
+    cursor: pointer;
     background-color: #f5f5f5;
 }