github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-27 09:28:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

smaller and right-side hidden field icon

Browse Source
This commit is contained in:
Ben Haynes
2020-09-02 18:43:35 -04:00
parent 883a322ba8
commit 1561dc0c4e
1 changed files with 6 additions and 6 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

@@ -10,12 +10,12 @@
<template #input>
<div class="name">
{{ field.name }}
<v-icon v-if="hidden" name="visibility_off" class="hidden-icon" />
<span class="interface">{{ interfaceName }}</span>
</div>
</template>
<template #append>
<v-icon v-if="hidden" name="visibility_off" class="hidden-icon" small />
<v-icon @click.stop="toggle" name="more_vert" />
</template>
</v-input>
@@ -274,6 +274,11 @@ export default defineComponent({
.v-icon {
--v-icon-color: var(--foreground-subdued);
--v-icon-color-hover: var(--foreground);
&.hidden-icon {
margin-right: 4px;
--v-icon-color-hover: var(--foreground-subdued);
}
}
.drag-handle {
@@ -294,11 +299,6 @@ export default defineComponent({
.name {
flex-grow: 1;
.hidden-icon {
margin-left: 4px;
margin-right: 4px;
}
.interface {
display: none;
margin-left: 4px;