github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-29 22:57:55 -05:00
Code Issues Packages Projects Releases Wiki Activity

Show field data type & interface on hover for system collections' fields (#14321)

Browse Source 
* tweak tooltip when no interface configured

* add tooltip & interface name on hover
This commit is contained in:
Azri Kahar
2022-07-08 15:35:08 +08:00
committed by GitHub
parent e0ad2bd69d
commit 06a618c758
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/src/modules/settings/routes/data-model/fields/components/field-select.vue
View File

@@ -6,8 +6,14 @@
</template>
<template #input>
<div class="label">
<span class="name">{{ field.field }}</span>
<div
v-tooltip="`${field.name} (${formatTitle(field.type)})${interfaceName ? ` - ${interfaceName}` : ''}`"
class="label"
>
<div class="label-inner">
<span class="name">{{ field.field }}</span>
<span v-if="interfaceName" class="interface">{{ interfaceName }}</span>
</div>
</div>
</template>
</v-input>
@@ -55,7 +61,7 @@
<template #input>
<div
v-tooltip="interfaceName ? `${field.name} (${formatTitle(field.type)}) - ${interfaceName}` : field.name"
v-tooltip="`${field.name} (${formatTitle(field.type)})${interfaceName ? ` - ${interfaceName}` : ''}`"
class="label"
@click="openFieldDetail"
>