diff --git a/ui/src/components/code/components/collapse/Collapse.vue b/ui/src/components/code/components/collapse/Collapse.vue index e00cbae8deb..d6e7b89ad20 100644 --- a/ui/src/components/code/components/collapse/Collapse.vue +++ b/ui/src/components/code/components/collapse/Collapse.vue @@ -20,8 +20,6 @@ @remove-element="removeElement(item.title, elementIndex)" /> - - @@ -73,29 +71,4 @@ diff --git a/ui/src/components/code/styles/code.scss b/ui/src/components/code/styles/code.scss index 9457680c03b..3172f843c61 100644 --- a/ui/src/components/code/styles/code.scss +++ b/ui/src/components/code/styles/code.scss @@ -23,6 +23,31 @@ $code-font-sm: var(--el-font-size-small); } } +.collapse { + & * { + font-size: $code-font-sm; + } + + :deep(*) { + --el-collapse-header-bg-color: initial; + --el-collapse-header-text-color: #{$code-gray-700}; + --el-collapse-content-bg-color: initial; + + .el-collapse-item__header, + .el-collapse-item__content { + padding: 0.5rem 0; + } + + .el-collapse-item__header { + justify-content: space-between; + + &.is-active { + color: $code-primary; + } + } + } +} + .label { color: $code-gray-700; font-size: $code-font-sm; diff --git a/ui/src/components/flows/tasks/TaskObject.vue b/ui/src/components/flows/tasks/TaskObject.vue index 33f460e727a..a11eb9098c8 100644 --- a/ui/src/components/flows/tasks/TaskObject.vue +++ b/ui/src/components/flows/tasks/TaskObject.vue @@ -1,13 +1,13 @@