Make conditional icons consistent on templates UI

This commit is contained in:
Kailash Nadh 2021-05-16 15:26:32 +05:30
parent ed57ecca99
commit 9fe78d6247
1 changed files with 9 additions and 2 deletions

View File

@ -57,13 +57,20 @@
<b-icon icon="check-circle-outline" size="is-small" />
</b-tooltip>
</a>
<a v-if="!props.row.isDefault"
href="#" @click.prevent="$utils.confirm(null, () => deleteTemplate(props.row))"
<span v-else class="a has-text-grey-light">
<b-icon icon="check-circle-outline" size="is-small" />
</span>
<a v-if="!props.row.isDefault" href="#"
@click.prevent="$utils.confirm(null, () => deleteTemplate(props.row))"
data-cy="btn-delete">
<b-tooltip :label="$t('globals.buttons.delete')" type="is-dark">
<b-icon icon="trash-can-outline" size="is-small" />
</b-tooltip>
</a>
<span v-else class="a has-text-grey-light">
<b-icon icon="trash-can-outline" size="is-small" />
</span>
</div>
</b-table-column>
</template>