From 54226668c7f778a757501087a278d741308dd93c Mon Sep 17 00:00:00 2001 From: Stanislav Vishnevetskiy Date: Sun, 11 Nov 2018 14:02:21 +0200 Subject: workflow deprication flow Issue-ID: SDC-1866 Change-Id: I48bd4e825492b6a5477eef28cef804c07fd90e14 Signed-off-by: Stanislav Vishnevetskiy --- .../src/main/frontend/resources/scss/_components.scss | 1 + .../frontend/resources/scss/components/_archiveLabel.scss | 10 ++++++++++ .../resources/scss/components/_versionController.scss | 2 ++ .../main/frontend/resources/scss/features/_catalog.scss | 14 +++++++++++--- .../main/frontend/resources/scss/features/_overview.scss | 13 +++++++++++++ 5 files changed, 37 insertions(+), 3 deletions(-) create mode 100644 workflow-designer-ui/src/main/frontend/resources/scss/components/_archiveLabel.scss (limited to 'workflow-designer-ui/src/main/frontend/resources') diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/_components.scss b/workflow-designer-ui/src/main/frontend/resources/scss/_components.scss index 93c75bf5..3baac0b0 100644 --- a/workflow-designer-ui/src/main/frontend/resources/scss/_components.scss +++ b/workflow-designer-ui/src/main/frontend/resources/scss/_components.scss @@ -9,3 +9,4 @@ @import 'components/tree'; @import 'components/customModal'; @import 'components/scrollbars'; +@import 'components/archiveLabel'; \ No newline at end of file diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/components/_archiveLabel.scss b/workflow-designer-ui/src/main/frontend/resources/scss/components/_archiveLabel.scss new file mode 100644 index 00000000..a3fa8479 --- /dev/null +++ b/workflow-designer-ui/src/main/frontend/resources/scss/components/_archiveLabel.scss @@ -0,0 +1,10 @@ +.archive-label { + @include body-3; + color: $white; + background-color: $dark-purple; + margin-left: 20px; + border-radius: 3px; + padding: 1px 10px; + align-self: center; + text-transform: none; +} \ No newline at end of file diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/components/_versionController.scss b/workflow-designer-ui/src/main/frontend/resources/scss/components/_versionController.scss index 4fa8d841..7bf784e4 100644 --- a/workflow-designer-ui/src/main/frontend/resources/scss/components/_versionController.scss +++ b/workflow-designer-ui/src/main/frontend/resources/scss/components/_versionController.scss @@ -33,6 +33,8 @@ } .version-status-container { + display: flex; + align-items: center; .version-selector-more-versions { @include body-1-emphasis; color: $blue; diff --git a/workflow-designer-ui/src/main/frontend/resources/scss/features/_catalog.scss b/workflow-designer-ui/src/main/frontend/resources/scss/features/_catalog.scss index ea5bba28..c5c32030 100644 --- a/workflow-designer-ui/src/main/frontend/resources/scss/features/_catalog.scss +++ b/workflow-designer-ui/src/main/frontend/resources/scss/features/_catalog.scss @@ -1,18 +1,26 @@ .wf-catalog { overflow: auto; background-color: $light-silver; - display: grid; grid-template-rows: 35px 1fr; height: 100vh; padding-bottom: 20px; .header { align-items: center; display: flex; - justify-content: flex-end; + justify-content: space-between; background-color: $silver; margin-bottom: 2px; @include box-shadow(0px 1px 3px 0 rgba(0, 0, 0, 0.2)); - padding: 8px 60px 0 60px; + padding: 8px 60px 0 0px; + .wf-status-select { + + display: grid; + width: 200px; + height: 34px; + margin-top: -8px; + background-color: $light-silver; + color: $blue; + } &__search { height: 25px; } 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 e299fa3d..c1c371fd 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 @@ -64,6 +64,7 @@ color: $blue; justify-content: space-between; .title { + display: flex; @include heading-1; text-transform: uppercase; } @@ -80,6 +81,18 @@ height: 16px; } } + .restore-btn { + margin-left: 20px; + } + .archive-btn { + margin-left: 20px; + fill: $gray; + &:hover { + fill: $blue; + color: $light-blue; + cursor: pointer; + } + } } @mixin version-page-box-shadow() { -- cgit 1.2.3-korg