Temporary disable tag selection on click

This commit is contained in:
Jan Oberhauser 2021-05-29 13:37:04 -05:00
parent 05eec87d1d
commit 8e793e27b3
2 changed files with 6 additions and 7 deletions

View file

@ -3,12 +3,11 @@
<template> <template>
<span class="tags"> <span class="tags">
<span <span
v-for="tag in tags" v-for="tag in tags"
:key="tag.id" :key="tag.id"
:class="{clickable: !tag.hidden}" :class="{clickable: !tag.hidden}"
@click="(e) => onClick(e, tag)"
> >
<el-tag <el-tag
:title="tag.title" :title="tag.title"
type="info" type="info"
size="small" size="small"
@ -23,7 +22,7 @@
:enabled="responsive" :enabled="responsive"
v-else v-else
> >
<el-tag <el-tag
:title="tag.name" :title="tag.name"
type="info" type="info"
size="small" size="small"
@ -127,7 +126,7 @@ export default Vue.extend({
} }
.tags { .tags {
display: flex; display: flex;
> span { > span {
padding-right: 4px; // why not margin? for space between tags to be clickable padding-right: 4px; // why not margin? for space between tags to be clickable

View file

@ -9,7 +9,7 @@
<h1>Open Workflow</h1> <h1>Open Workflow</h1>
</div> </div>
<div class="tags-filter"> <div class="tags-filter">
<TagsDropdown <TagsDropdown
placeholder="Filter by tags..." placeholder="Filter by tags..."
:currentTagIds="filterTagIds" :currentTagIds="filterTagIds"
:createEnabled="false" :createEnabled="false"
@ -32,7 +32,7 @@
<template slot-scope="scope"> <template slot-scope="scope">
<div :key="scope.row.id"> <div :key="scope.row.id">
<span class="name">{{scope.row.name}}</span> <span class="name">{{scope.row.name}}</span>
<TagsContainer class="hidden-sm-and-down" :tagIds="getIds(scope.row.tags)" :limit="3" @click="onTagClick" :hoverable="true"/> <TagsContainer class="hidden-sm-and-down" :tagIds="getIds(scope.row.tags)" :limit="3" @click="onTagClick" />
</div> </div>
</template> </template>
</el-table-column> </el-table-column>