jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed tag layout in effect viewer for many tags overlapping one another

Browse Source
This commit is contained in:
Stefan Zermatten
2022-02-22 18:07:18 +02:00
parent 80460ceaed
commit 92d32e7cf8
1 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
app/imports/ui/properties/viewers/EffectViewer.vue
View File

@@ -24,13 +24,15 @@
name="Targeted tags" name="Targeted tags"
> >
<div> <div>
<v-chip <div class="d-flex flex-wrap">
v-for="(tag, index) in model.targetTags" <v-chip
:key="index" v-for="(tag, index) in model.targetTags"
class="ma-1" :key="index"
> class="ma-1"
{{ tag }} >
</v-chip> {{ tag }}
</v-chip>
</div>
<div <div
v-for="ex in model.extraTags" v-for="ex in model.extraTags"
:key="ex._id" :key="ex._id"
@@ -38,13 +40,15 @@
<span class="ma-2"> <span class="ma-2">
{{ ex.operation }} {{ ex.operation }}
</span> </span>
<v-chip <div class="d-flex flex-wrap">
v-for="(extraTag, index) in ex.tags" <v-chip
:key="index" v-for="(extraTag, index) in ex.tags"
class="ma-1" :key="index"
> class="ma-1"
{{ extraTag }} >
</v-chip> {{ extraTag }}
</v-chip>
</div>
</div> </div>
</div> </div>
</property-field> </property-field>
@@ -52,13 +56,15 @@
v-else v-else
name="Stats" name="Stats"
> >
<v-chip <div class="d-flex flex-wrap">
v-for="(stat, index) in model.stats" <v-chip
:key="index" v-for="(stat, index) in model.stats"
class="ma-1" :key="index"
> class="ma-1"
{{ stat }} >
</v-chip> {{ stat }}
</v-chip>
</div>
</property-field> </property-field>
<property-field <property-field
v-if="model.operation === 'conditional'" v-if="model.operation === 'conditional'"