🐛 Fix issue that it is almost impossible to delete item

This commit is contained in:
Jan Oberhauser 2019-07-17 07:42:45 +02:00
parent 3b6013f6f4
commit 009cc6c1e9

View file

@ -10,7 +10,7 @@
<div v-if="multipleValues === true"> <div v-if="multipleValues === true">
<div v-for="(value, index) in values[property.name]" :key="property.name + index" class="parameter-item"> <div v-for="(value, index) in values[property.name]" :key="property.name + index" class="parameter-item">
<div class="parameter-item-wrapper"> <div class="parameter-item-wrapper">
<div class="delete-option clickable" title="Delete" v-if="!isReadOnly"> <div class="delete-option" title="Delete" v-if="!isReadOnly">
<font-awesome-icon icon="trash" class="reset-icon clickable" title="Delete Item" @click="deleteOption(property.name, index)" /> <font-awesome-icon icon="trash" class="reset-icon clickable" title="Delete Item" @click="deleteOption(property.name, index)" />
</div> </div>
<parameter-input-list :parameters="property.values" :nodeValues="nodeValues" :path="getPropertyPath(property.name, index)" :hideDelete="true" @valueChanged="valueChanged" /> <parameter-input-list :parameters="property.values" :nodeValues="nodeValues" :path="getPropertyPath(property.name, index)" :hideDelete="true" @valueChanged="valueChanged" />
@ -19,7 +19,7 @@
</div> </div>
<div v-else class="parameter-item"> <div v-else class="parameter-item">
<div class="parameter-item-wrapper"> <div class="parameter-item-wrapper">
<div class="delete-option clickable" title="Delete" v-if="!isReadOnly"> <div class="delete-option" title="Delete" v-if="!isReadOnly">
<font-awesome-icon icon="trash" class="reset-icon clickable" title="Delete Item" @click="deleteOption(property.name)" /> <font-awesome-icon icon="trash" class="reset-icon clickable" title="Delete Item" @click="deleteOption(property.name)" />
</div> </div>
<parameter-input-list :parameters="property.values" :nodeValues="nodeValues" :path="getPropertyPath(property.name)" class="parameter-item" @valueChanged="valueChanged" :hideDelete="true" /> <parameter-input-list :parameters="property.values" :nodeValues="nodeValues" :path="getPropertyPath(property.name)" class="parameter-item" @valueChanged="valueChanged" :hideDelete="true" />
@ -210,6 +210,8 @@ export default mixins(genericHelpers)
color: #f56c6c; color: #f56c6c;
left: 0; left: 0;
top: 0; top: 0;
width: 15px;
height: 100%;
} }
.parameter-item-wrapper:hover > .delete-option { .parameter-item-wrapper:hover > .delete-option {