diff options
Diffstat (limited to 'apps/workflowengine/src/styles')
| -rw-r--r-- | apps/workflowengine/src/styles/operation.scss | 26 |
1 files changed, 18 insertions, 8 deletions
diff --git a/apps/workflowengine/src/styles/operation.scss b/apps/workflowengine/src/styles/operation.scss index 89c105d58fe..b62ac16d6b4 100644 --- a/apps/workflowengine/src/styles/operation.scss +++ b/apps/workflowengine/src/styles/operation.scss @@ -1,14 +1,18 @@ +/*! + * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors + * SPDX-License-Identifier: AGPL-3.0-or-later + */ .actions__item { display: flex; flex-wrap: wrap; flex-direction: column; flex-grow: 1; - margin-left: -1px; padding: 10px; border-radius: var(--border-radius-large); - margin-right: 20px; + margin-inline: -1px 20px; margin-bottom: 20px; } + .actions__item .icon { display: block; width: 100%; @@ -19,26 +23,32 @@ margin-bottom: 10px; background-repeat: no-repeat; } + .actions__item__description { text-align: center; flex-grow: 1; display: flex; flex-direction: column; + align-items: center; } + .actions__item_options { width: 100%; margin-top: 10px; - padding-left: 60px; + padding-inline-start: 60px; } + h3, small { padding: 6px; display: block; } + h3 { margin: 0; padding: 0; font-weight: 600; } + small { font-size: 10pt; flex-grow: 1; @@ -47,7 +57,7 @@ small { .colored:not(.more) { background-color: var(--color-primary-element); h3, small { - color: var(--color-primary-text) + color: var(--color-primary-element-text) } } @@ -56,7 +66,7 @@ small { .actions__item__description { padding-top: 5px; - text-align: left; + text-align: start; width: calc(100% - 105px); small { padding: 0; @@ -65,13 +75,13 @@ small { .icon { width: 50px; margin: 0; - margin-right: 10px; + margin-inline-end: 10px; &:not(.icon-invert) { - filter: invert(1); + filter: var(--background-invert-if-bright); } } } .colored .icon-invert { - filter: invert(1); + filter: var(--background-invert-if-bright); } |