diff options
Diffstat (limited to 'workflow-designer-ui/src/main/frontend/resources')
3 files changed, 45 insertions, 7 deletions
diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss b/workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss index 1a532c88..5e5bef84 100644 --- a/workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss +++ b/workflow-designer-ui/src/main/frontend/resources/scss/common/_customVariables.scss @@ -1,6 +1,9 @@ $cursor-disabled: not-allowed !default; $cursor-pointer: pointer; +$camunda-panel-error-border-color: #cc3333; +$camunda-panel-error-background-color: #f0c2c2; + @mixin body-1-emphasis() { @include base-font-semibold; font-size: $body-font-1; diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/features/_composition.scss b/workflow-designer-ui/src/main/frontend/resources/scss/features/_composition.scss index 119bbf02..6554219c 100644 --- a/workflow-designer-ui/src/main/frontend/resources/scss/features/_composition.scss +++ b/workflow-designer-ui/src/main/frontend/resources/scss/features/_composition.scss @@ -7,19 +7,37 @@ flex-grow: 1 } .bpmn-sidebar { + background-color: $light-silver; height: 100%; width: 320px; + height: 100%; + label { + @include body-1; + } + .group-label { + @include heading-4-emphasis; + font-size: 110%; + } .properties-panel { + background-color: $light-silver; + max-height: 888px; + overflow-y: auto; &, .bpp-properties-panel { - height: 100%; + background-color: $light-silver; + #camunda-activitySelect-select { + &.invalid { + border-color: $camunda-panel-error-border-color; + background-color: $camunda-panel-error-background-color; + } + } } } .composition-buttons { position: fixed; - background-color: #fafafa; + background-color: $light-silver; left: 265px; bottom: 46px; - border: 1px solid lightgray; + border: 1px solid $light-gray; width: 189px; display: flex; flex-direction: row; @@ -29,7 +47,7 @@ padding: 10px; .divider { height: 35px; - border: 1px solid $silver; + border: 1px solid $light-gray; } .diagram-btn { diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss b/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss index 24f632db..e299fa3d 100644 --- a/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss +++ b/workflow-designer-ui/src/main/frontend/resources/scss/features/_overview.scss @@ -59,10 +59,27 @@ } .overview-header { - @include heading-1; - text-transform: uppercase; - margin: 63px 0 35px 56px; + display: flex; + margin: 35px 60px 35px 60px; color: $blue; + justify-content: space-between; + .title { + @include heading-1; + text-transform: uppercase; + } + .go-catalog-btn { + fill: $blue; + @include heading-4; + &:hover { + fill: $light-blue; + color: $light-blue; + cursor: pointer; + } + .svg-icon { + width: 16px; + height: 16px; + } + } } @mixin version-page-box-shadow() { |