diff options
| author | Julius Härtl <jus@bitgrid.net> | 2019-08-19 17:13:33 +0200 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2019-09-10 09:01:23 +0200 |
| commit | 9f8ccf1036ff18d961949bfb644c9d445caa8a23 (patch) | |
| tree | 5f8e4654ddbdce95cf66f0ed6ef602d312fbe5ba /apps/workflowengine/src/components/Workflow.vue | |
| parent | aed630ac0a63771c7a217a3c1d400a354929fafe (diff) | |
| download | nextcloud-server-9f8ccf1036ff18d961949bfb644c9d445caa8a23.tar.gz nextcloud-server-9f8ccf1036ff18d961949bfb644c9d445caa8a23.zip | |
Use entity/event definitions from backend
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'apps/workflowengine/src/components/Workflow.vue')
| -rw-r--r-- | apps/workflowengine/src/components/Workflow.vue | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/apps/workflowengine/src/components/Workflow.vue b/apps/workflowengine/src/components/Workflow.vue index 9993b328827..918236ead84 100644 --- a/apps/workflowengine/src/components/Workflow.vue +++ b/apps/workflowengine/src/components/Workflow.vue @@ -14,12 +14,6 @@ {{ showMoreOperations ? t('workflowengine', 'Show less') : t('workflowengine', 'Show more') }} </button> </div> - <transition name="slide"> - <div class="actions" v-if="!hasUnsavedRule && showMoreOperations && hasMoreOperations"> - <Operation v-for="operation in getMoreOperations" :key="operation.class" :icon="operation.icon" :title="operation.title" :description="operation.description" - @click.native="createNewRule(operation)"></Operation> - </div> - </transition> </div> <transition-group name="slide"> @@ -59,6 +53,9 @@ return Object.keys(this.operations.getAll()).length > ACTION_LIMIT }, getMainOperations() { + if (this.showMoreOperations) { + return Object.values(this.operations.getAll()) + } return Object.values(this.operations.getAll()).slice(0, ACTION_LIMIT) }, getMoreOperations() { @@ -95,10 +92,16 @@ </script> <style scoped lang="scss"> + .section { + max-width: 100vw; + } .actions { display: flex; - .action__item { - border: 1px solid var(--color-border); + flex-wrap: wrap; + .actions__item { + max-width: 300px; + min-width: 200px; + flex-basis: 200px; } } @@ -143,4 +146,4 @@ overflow: hidden; max-height: 0; } -</style>
\ No newline at end of file +</style> |