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 more buttons

Browse source
This commit is contained in:
Mutasem 2021-07-29 12:15:46 +02:00
parent 75addd4fb7
commit 05ae9aa1b8
6 changed files with 23 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/editor-ui/src/components/CredentialsInput.vue
View file

@ -41,15 +41,11 @@
</el-col> </el-col>
<el-col :span="18"> <el-col :span="18">
<span v-if="requiredPropertiesFilled === false"> <span v-if="requiredPropertiesFilled === false">
<el-button title="Connect OAuth Credentials" circle :disabled="true"> <n8n-icon-button title="Connect OAuth Credentials" icon="redo" :disabled="true" size="lg" />
<font-awesome-icon icon="redo" />
</el-button>
Enter all required properties Enter all required properties
</span> </span>
<span v-else-if="isOAuthConnected === true"> <span v-else-if="isOAuthConnected === true">
<el-button title="Reconnect OAuth Credentials" @click.stop="oAuthCredentialAuthorize()" circle> <n8n-icon-button title="Reconnect OAuth Credentials" @click.stop="oAuthCredentialAuthorize()" icon="redo" size="lg" />
<font-awesome-icon icon="redo" />
</el-button>
Connected Connected
</span> </span>
<span v-else> <span v-else>
@ -57,9 +53,7 @@
<img :src="basePath + 'google-signin.png'" class="google-icon clickable" alt="Sign in with Google" @click.stop="oAuthCredentialAuthorize()" /> <img :src="basePath + 'google-signin.png'" class="google-icon clickable" alt="Sign in with Google" @click.stop="oAuthCredentialAuthorize()" />
</span> </span>
<span v-else> <span v-else>
<el-button title="Connect OAuth Credentials" @click.stop="oAuthCredentialAuthorize()" circle> <n8n-icon-button title="Connect OAuth Credentials" @click.stop="oAuthCredentialAuthorize()" icon="sign-in-alt" size="lg" />
<font-awesome-icon icon="sign-in-alt" />
</el-button>
Not connected Not connected
</span> </span>
</span> </span>

14
packages/editor-ui/src/components/DuplicateWorkflowDialog.vue
View file

@ -29,8 +29,10 @@
</el-row> </el-row>
</template> </template>
<template v-slot:footer="{ close }"> <template v-slot:footer="{ close }">
<n8n-button @click="save" :loading="isSaving" label="Save" /> <div :class="$style.footer">
<n8n-button @click="close" :disabled="isSaving" label="Cancel" /> <n8n-button @click="save" :loading="isSaving" label="Save" float="right" />
<n8n-button type="outline" @click="close" :disabled="isSaving" label="Cancel" float="right" />
</div>
</template> </template>
</Modal> </Modal>
</template> </template>
@ -123,3 +125,11 @@ export default mixins(showMessage, workflowHelpers).extend({
}, },
}); });
</script> </script>
<style lang="scss" module>
.footer {
> * {
margin-left: var(--spacing-3xs);
}
}
</style>

5
packages/editor-ui/src/components/Modal.vue
View file

@ -146,9 +146,4 @@ export default Vue.extend({
.modal-content > .el-row { .modal-content > .el-row {
margin-bottom: 15px; margin-bottom: 15px;
} }
.modal-footer > .el-button {
float: right;
margin-left: 5px;
}
</style> </style>

2
packages/editor-ui/src/components/TagsManager/TagsManager.vue
View file

@ -24,7 +24,7 @@
</el-row> </el-row>
</template> </template>
<template v-slot:footer="{ close }"> <template v-slot:footer="{ close }">
<n8n-button size="sm" label="Done" @click="close" /> <n8n-button size="sm" label="Done" @click="close" float="right" />
</template> </template>
</Modal> </Modal>
</template> </template>

10
packages/editor-ui/src/components/TagsManager/TagsView/TagsTable.vue
View file

@ -181,8 +181,9 @@ export default Vue.extend({
align-items: center; align-items: center;
display: flex; display: flex;
flex-wrap: nowrap; flex-wrap: nowrap;
float: right;
> .el-button { > * {
margin: 2px; margin: 2px;
} }
} }
@ -197,9 +198,8 @@ export default Vue.extend({
opacity: 0; opacity: 0;
} }
.ops.main > .el-button { .ops.main {
display: none; display: none;
float: right;
margin-left: 2px; margin-left: 2px;
} }
@ -207,8 +207,8 @@ export default Vue.extend({
pointer-events: none; pointer-events: none;
} }
/deep/ tr:hover .ops:not(.disabled) .el-button { tr:hover .ops:not(.disabled) {
display: block; display: flex;
} }
/deep/ .el-input.is-disabled > input { /deep/ .el-input.is-disabled > input {

6
packages/editor-ui/src/components/TagsManager/TagsView/TagsTableHeader.vue
View file

@ -13,7 +13,7 @@
</el-input> </el-input>
</el-col> </el-col>
<el-col :span="14"> <el-col :span="14">
<n8n-button @click="onAddNew" :disabled="disabled" icon="plus" label="Add new" size="lg" /> <n8n-button @click="onAddNew" :disabled="disabled" icon="plus" label="Add new" size="lg" float="right" />
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -50,8 +50,4 @@ export default Vue.extend({
.tags-header { .tags-header {
margin-bottom: 15px; margin-bottom: 15px;
} }
.el-button {
float: right;
}
</style> </style>