mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix action listing alignment 

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2019-12-19 13:11:01 +01:00
parent 46931c98a7
commit 15b64c6abb
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/workflowengine/src/components/Operation.vue
View File

@ -4,9 +4,11 @@
<div class="actions__item__description"> <div class="actions__item__description">
<h3>{{ operation.name }}</h3> <h3>{{ operation.name }}</h3>
<small>{{ operation.description }}</small> <small>{{ operation.description }}</small>
<button v-if="colored"> <div>
{{ t('workflowengine', 'Add new flow') }} <button v-if="colored">
</button> {{ t('workflowengine', 'Add new flow') }}
</button>
</div>
</div> </div>
<div class="actions__item_options"> <div class="actions__item_options">
<slot /> <slot />

2
apps/workflowengine/src/components/Workflow.vue
View File

@ -108,7 +108,7 @@ export default {
.actions { .actions {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
max-width: 900px; max-width: 1200px;
.actions__item { .actions__item {
max-width: 280px; max-width: 280px;
flex-basis: 250px; flex-basis: 250px;

6
apps/workflowengine/src/styles/operation.scss
View File

@ -9,7 +9,7 @@
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.icon { .actions__item .icon {
display: block; display: block;
width: 100%; width: 100%;
height: 50px; height: 50px;
@ -21,6 +21,9 @@
} }
.actions__item__description { .actions__item__description {
text-align: center; text-align: center;
flex-grow: 1;
display: flex;
flex-direction: column;
} }
.actions__item_options { .actions__item_options {
width: 100%; width: 100%;
@ -38,6 +41,7 @@ h3 {
} }
small { small {
font-size: 10pt; font-size: 10pt;
flex-grow: 1;
} }
.colored:not(.more) { .colored:not(.more) {