mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update spacing around delete sort button

Browse source
This commit is contained in:
Mutasem 2021-08-11 19:26:39 +02:00
parent 251bb8eaeb
commit 41154ae6d5
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/editor-ui/src/components/FixedCollectionParameter.vue
View file

@ -12,7 +12,7 @@
<div class="parameter-item-wrapper"> <div class="parameter-item-wrapper">
<div class="delete-option" v-if="!isReadOnly"> <div class="delete-option" v-if="!isReadOnly">
<font-awesome-icon icon="trash" class="reset-icon clickable" title="Delete Item" @click="deleteOption(property.name, index)" /> <font-awesome-icon icon="trash" class="reset-icon clickable" title="Delete Item" @click="deleteOption(property.name, index)" />
<div v-if="sortable"> <div v-if="sortable" class="sort-icon">
<font-awesome-icon v-if="index !== 0" icon="angle-up" class="clickable" title="Move up" @click="moveOptionUp(property.name, index)" /> <font-awesome-icon v-if="index !== 0" icon="angle-up" class="clickable" title="Move up" @click="moveOptionUp(property.name, index)" />
<font-awesome-icon v-if="index !== (values[property.name].length -1)" icon="angle-down" class="clickable" title="Move down" @click="moveOptionDown(property.name, index)" /> <font-awesome-icon v-if="index !== (values[property.name].length -1)" icon="angle-down" class="clickable" title="Move down" @click="moveOptionDown(property.name, index)" />
</div> </div>
@ -240,7 +240,7 @@ export default mixins(genericHelpers)
z-index: 999; z-index: 999;
color: #f56c6c; color: #f56c6c;
left: 0; left: 0;
top: 0; top: .5em;
width: 15px; width: 15px;
height: 100%; height: 100%;
} }
@ -265,4 +265,8 @@ export default mixins(genericHelpers)
.no-items-exist { .no-items-exist {
margin: 0.8em 0; margin: 0.8em 0;
} }
.sort-icon {
margin-top: .5em;
}
</style> </style>