diff options
| author | Julius Härtl <jus@bitgrid.net> | 2019-11-14 22:50:33 +0100 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2019-11-26 22:00:02 +0100 |
| commit | d0579bfb6d534ba99b8b5cae91364257825dfec7 (patch) | |
| tree | 2d9daadc859cc35e76453081066a6af3a4d4ef30 /apps/workflowengine/src/styles/operation.scss | |
| parent | 0e87c6fac98d90bdde2fa905356a22b27df969ce (diff) | |
| download | nextcloud-server-d0579bfb6d534ba99b8b5cae91364257825dfec7.tar.gz nextcloud-server-d0579bfb6d534ba99b8b5cae91364257825dfec7.zip | |
Small fixes for workflow frontend
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'apps/workflowengine/src/styles/operation.scss')
| -rw-r--r-- | apps/workflowengine/src/styles/operation.scss | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/apps/workflowengine/src/styles/operation.scss b/apps/workflowengine/src/styles/operation.scss new file mode 100644 index 00000000000..ac3d304cd79 --- /dev/null +++ b/apps/workflowengine/src/styles/operation.scss @@ -0,0 +1,73 @@ +.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-bottom: 20px; +} +.icon { + display: block; + width: 100%; + height: 50px; + background-size: 50px 50px; + background-position: center center; + margin-top: 10px; + margin-bottom: 20px; + background-repeat: no-repeat; +} +.actions__item__description { + text-align: center; +} +.actions__item_options { + width: 100%; + margin-top: 10px; + padding-left: 60px; +} +h3, small { + padding: 6px; + display: block; +} +h3 { + margin: 0; + padding: 0; + font-weight: 600; +} +small { + font-size: 10pt; +} + +.colored:not(.more) { + background-color: var(--color-primary-element); + h3, small { + color: var(--color-primary-text) + } +} + +.actions__item:not(.colored) { + flex-direction: row; + + .actions__item__description { + padding-top: 5px; + text-align: left; + width: calc(100% - 105px); + small { + padding: 0; + } + } + .icon { + width: 50px; + margin: 0; + margin-right: 10px; + &:not(.icon-invert) { + filter: invert(1); + } + } +} + +.colored .icon-invert { + filter: invert(1); +} |