diff options
Diffstat (limited to 'apps/workflowengine')
10 files changed, 21 insertions, 8 deletions
diff --git a/apps/workflowengine/src/components/Check.vue b/apps/workflowengine/src/components/Check.vue index 4661695f4c2..6992c7ceee0 100644 --- a/apps/workflowengine/src/components/Check.vue +++ b/apps/workflowengine/src/components/Check.vue @@ -190,9 +190,11 @@ export default { margin-bottom: 5px; } } + input[type=text] { margin: 0; } + .invalid { border-color: var(--color-error) !important; } diff --git a/apps/workflowengine/src/components/Checks/FileSystemTag.vue b/apps/workflowengine/src/components/Checks/FileSystemTag.vue index f932fd9c699..69d2db0b85b 100644 --- a/apps/workflowengine/src/components/Checks/FileSystemTag.vue +++ b/apps/workflowengine/src/components/Checks/FileSystemTag.vue @@ -49,7 +49,3 @@ export default { }, } </script> - -<style scoped> - -</style> diff --git a/apps/workflowengine/src/components/Checks/RequestTime.vue b/apps/workflowengine/src/components/Checks/RequestTime.vue index 1a09fcbfb31..f48ec8cd270 100644 --- a/apps/workflowengine/src/components/Checks/RequestTime.vue +++ b/apps/workflowengine/src/components/Checks/RequestTime.vue @@ -109,7 +109,7 @@ export default { margin-bottom: 5px; } - .multiselect::v-deep .multiselect__tags:not(:hover):not(:focus):not(:active) { + .multiselect:deep(.multiselect__tags:not(:hover):not(:focus):not(:active)) { border: 1px solid transparent; } diff --git a/apps/workflowengine/src/components/Checks/RequestURL.vue b/apps/workflowengine/src/components/Checks/RequestURL.vue index b91fdec5872..b6a0bbd80e6 100644 --- a/apps/workflowengine/src/components/Checks/RequestURL.vue +++ b/apps/workflowengine/src/components/Checks/RequestURL.vue @@ -117,6 +117,7 @@ export default { input[type='text'] { width: 100%; } + input[type='text'] { min-height: 48px; } diff --git a/apps/workflowengine/src/components/Checks/RequestUserAgent.vue b/apps/workflowengine/src/components/Checks/RequestUserAgent.vue index 15e7dfdae72..be4075a1370 100644 --- a/apps/workflowengine/src/components/Checks/RequestUserAgent.vue +++ b/apps/workflowengine/src/components/Checks/RequestUserAgent.vue @@ -109,6 +109,7 @@ export default { input[type='text'] { width: 100%; } + input[type='text'] { min-height: 48px; } diff --git a/apps/workflowengine/src/components/Event.vue b/apps/workflowengine/src/components/Event.vue index af00ee9df71..52a14bd08ec 100644 --- a/apps/workflowengine/src/components/Event.vue +++ b/apps/workflowengine/src/components/Event.vue @@ -94,6 +94,7 @@ export default { max-width: 550px; } } + .isComplex { img { vertical-align: text-top; diff --git a/apps/workflowengine/src/components/Operation.vue b/apps/workflowengine/src/components/Operation.vue index 2936f71e131..c24471c8fd9 100644 --- a/apps/workflowengine/src/components/Operation.vue +++ b/apps/workflowengine/src/components/Operation.vue @@ -40,5 +40,5 @@ export default { </script> <style scoped lang="scss"> - @import "./../styles/operation"; +@use "./../styles/operation" as *; </style> diff --git a/apps/workflowengine/src/components/Rule.vue b/apps/workflowengine/src/components/Rule.vue index 234debdde34..80745643084 100644 --- a/apps/workflowengine/src/components/Rule.vue +++ b/apps/workflowengine/src/components/Rule.vue @@ -233,6 +233,7 @@ export default { margin-inline-end: 20px; } } + .trigger p, .action p { min-height: 34px; display: flex; @@ -249,9 +250,11 @@ export default { max-width: 300px; } } + .trigger p:first-child span { padding-top: 3px; } + .trigger p:last-child { padding-top: 8px; } diff --git a/apps/workflowengine/src/components/Workflow.vue b/apps/workflowengine/src/components/Workflow.vue index 8ea22690425..632be97c509 100644 --- a/apps/workflowengine/src/components/Workflow.vue +++ b/apps/workflowengine/src/components/Workflow.vue @@ -140,9 +140,12 @@ export default { </script> <style scoped lang="scss"> + @use "./../styles/operation"; + #workflowengine { border-bottom: 1px solid var(--color-border); } + .section { max-width: 100vw; @@ -151,6 +154,7 @@ export default { margin-bottom: 0; } } + .actions { display: flex; flex-wrap: wrap; @@ -160,6 +164,7 @@ export default { flex-basis: 250px; } } + .actions__more { margin-bottom: 10px; } @@ -198,8 +203,6 @@ export default { padding-bottom: 0; } - @import "./../styles/operation"; - .actions__item.more { background-color: var(--color-background-dark); } diff --git a/apps/workflowengine/src/styles/operation.scss b/apps/workflowengine/src/styles/operation.scss index e82ded827fa..b62ac16d6b4 100644 --- a/apps/workflowengine/src/styles/operation.scss +++ b/apps/workflowengine/src/styles/operation.scss @@ -12,6 +12,7 @@ margin-inline: -1px 20px; margin-bottom: 20px; } + .actions__item .icon { display: block; width: 100%; @@ -22,6 +23,7 @@ margin-bottom: 10px; background-repeat: no-repeat; } + .actions__item__description { text-align: center; flex-grow: 1; @@ -29,20 +31,24 @@ flex-direction: column; align-items: center; } + .actions__item_options { width: 100%; margin-top: 10px; 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; |