upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-09 08:44:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

Make rule listing more compact

Browse source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2019-09-02 12:11:19 +02:00
parent 11d6486b1d
commit 2364fc84d7
No known key found for this signature in database
GPG key ID: 4C614C6ED2CDE6DF
2 changed files with 20 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
apps/workflowengine/src/components/Operation.vue
View file

@ -1,8 +1,10 @@
<template> <template>
<div class="actions__item" :class="{'colored': colored}" :style="{ backgroundColor: colored ? operation.color : 'transparent' }"> <div class="actions__item" :class="{'colored': colored}" :style="{ backgroundColor: colored ? operation.color : 'transparent' }">
<div class="icon" :class="operation.iconClass" :style="{ backgroundImage: operation.iconClass ? '' : `url(${operation.icon})` }" /> <div class="icon" :class="operation.iconClass" :style="{ backgroundImage: operation.iconClass ? '' : `url(${operation.icon})` }" />
<div class="actions__item__description">
<h3>{{ operation.name }}</h3> <h3>{{ operation.name }}</h3>
<small>{{ operation.description }}</small> <small>{{ operation.description }}</small>
</div>
<slot /> <slot />
</div> </div>
</template> </template>
@ -32,7 +34,7 @@ export default {
padding: 10px; padding: 10px;
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 5px;
} }
.icon { .icon {
display: block; display: block;
@ -44,9 +46,11 @@ export default {
margin-bottom: 20px; margin-bottom: 20px;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.actions__item__description {
text-align: center;
}
h3, small { h3, small {
padding: 6px; padding: 6px;
text-align: center;
display: block; display: block;
} }
h3 { h3 {
@ -66,7 +70,19 @@ export default {
} }
.actions__item:not(.colored) { .actions__item:not(.colored) {
flex-direction: row;
.actions__item__description {
padding-top: 5px;
text-align: left;
small {
padding: 0;
}
}
.icon { .icon {
width: 50px;
margin: 0;
margin-right: 10px;
filter: invert(1); filter: invert(1);
} }
} }

4
apps/workflowengine/src/components/Rule.vue
View file

@ -155,6 +155,7 @@ export default {
transition: 0.5s ease all; transition: 0.5s ease all;
display: block; display: block;
margin: auto; margin: auto;
margin-right: 0;
} }
.status-button.primary { .status-button.primary {
padding-left: 32px; padding-left: 32px;
@ -194,7 +195,7 @@ export default {
} }
} }
.icon-confirm { .icon-confirm {
background-position: right center; background-position: right 27px;
padding-right: 20px; padding-right: 20px;
margin-right: 20px; margin-right: 20px;
} }
@ -202,7 +203,6 @@ export default {
.trigger p, .action p { .trigger p, .action p {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 5px;
& > span { & > span {
min-width: 50px; min-width: 50px;