From 03a528e815cea1d3e1efd6a20f44c8d6db6cbe38 Mon Sep 17 00:00:00 2001 From: Stanislav Vishnevetskiy Date: Wed, 21 Nov 2018 16:06:21 +0200 Subject: open workflow from context Issue-ID: SDC-1953 Change-Id: I06681f4aae6dff02b57d7f64d9bdcfa81d44c2ab Signed-off-by: Stanislav Vishnevetskiy --- .../scss/components/_versionController.scss | 365 +++++++++++---------- 1 file changed, 194 insertions(+), 171 deletions(-) (limited to 'workflow-designer-ui/src/main/frontend/resources/scss/components') 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 7bf784e4..3cf9b05e 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 @@ -1,173 +1,196 @@ .version-controller-bar { - display: flex; - height: 70px; - border-bottom: 1px solid $silver; - background-color: transparent; - - .group-name-wrapper { - width: 245px; - .group-name { - @include heading-4-emphasis; - @include ellipsis; - display: block; - padding: 24px 12px 13px 20px; - background-color: $white; - } - } - - .vc-container { - display: flex; - flex: 1; - align-self: center; - background-color: transparent; - justify-content: space-between; - align-items: center; - padding-left: 16px; - padding-right: 100px; - border-left: 1px solid #eaeaea; - height: 45px; - - .vc-separator { - border-left: 1px solid $silver; - height: 37px; - } - - .version-status-container { - display: flex; - align-items: center; - .version-selector-more-versions { - @include body-1-emphasis; - color: $blue; - cursor: pointer; - } - - .version-selector { - margin-top: 0; - padding-right: 10px; - margin-right: 15px; - margin-left: 10px; - border-color: $light-gray; - border-radius: 2px; - width: 243px; - height: 30px; - @include body-1; - } - - .version-section { - .form-group { - margin-right: 20px; - - .input-options { - border: none; - - .input-options-select { - padding-top: 4px; - } - } - } - } - - .vc-status { - display: flex; - padding-left: 20px; - border-left: $light-gray thin solid; - - .status-text { - align-self: center; - margin-top: 2px; - @include heading-5; - color: $dark-gray; - } - } - } - - .save-submit-cancel-container { - display: flex; - align-items: center; - height: 100%; - - .action-buttons, .select-action-buttons, .vc-save-section, .vc-submit-section { - display: flex; - align-items: center; - height: 100%; - cursor: $cursor-pointer; - - .vc-submit-button { - border: 1px solid $dark-gray; - width: 94px; - height: 30px; - border-radius: 2px; - padding-top: 5px; - padding-left: 10px; - margin-left: 10px; - margin-right: 10px; - - &:hover:not(.disabled) { - cursor: pointer; - background-color: $silver; - } - - &.disabled { - border-color: $light-gray; - } - - .vc-v-submit { - width: 11px; - height: 8px; - margin-right: 10px; - position: relative; - top: -1px; - } - } - - .certifyBtn { - margin-left: 20px; - } - - .version-control-buttons { - display: flex; - } - - .action-button-wrapper { - display: flex; - align-items: center; - height: 70px; - padding: 10px; - - &:hover { - background-color: $silver; - } - - &:active { - background-color: $light-gray; - } - - .action-buttons-svg { - padding-left: 10px; - padding-right: 10px; - - .svg-icon { - fill: $text-black; - height: 20px; - - &, &.__version-controller-save { width: 20px; } - &.__version-controller-permissions { width: 32px; } - &.__version-controller-undo, &.__version-controller-revert { width: 20px; } - &.__version-controller-sync, &.__version-controller-commit { width: 28px; } - } - } - - } - - .action-button-label { - @include body-4; - display: block; - height: 1em; - margin-top: 5px; - margin-bottom: 0; - } - - } - } - } + display: flex; + height: 70px; + border-bottom: 1px solid $silver; + background-color: transparent; + justify-content: space-between; + .group-name-wrapper { + width: 245px; + .group-name { + @include heading-4-emphasis; + @include ellipsis; + display: block; + padding: 24px 12px 13px 20px; + background-color: $white; + } + } + + .vc-container { + display: flex; + flex: 1; + align-self: center; + background-color: transparent; + justify-content: space-between; + align-items: center; + padding-left: 16px; + padding-right: 100px; + border-left: 1px solid #eaeaea; + height: 45px; + &.vs-container-operation { + flex: inherit; + } + .vc-separator { + border-left: 1px solid $silver; + height: 37px; + } + + .version-status-container { + display: flex; + align-items: center; + .version-selector-more-versions { + @include body-1-emphasis; + color: $blue; + cursor: pointer; + } + + .version-selector { + margin-top: 0; + padding-right: 10px; + margin-right: 15px; + margin-left: 10px; + border-color: $light-gray; + border-radius: 2px; + width: 243px; + height: 30px; + @include body-1; + } + + .version-section { + .form-group { + margin-right: 20px; + + .input-options { + border: none; + + .input-options-select { + padding-top: 4px; + } + } + } + } + + .vc-status { + display: flex; + padding-left: 20px; + border-left: $light-gray thin solid; + + .status-text { + align-self: center; + margin-top: 2px; + @include heading-5; + color: $dark-gray; + } + } + } + + .save-submit-cancel-container { + display: flex; + align-items: center; + height: 100%; + + .action-buttons, + .select-action-buttons, + .vc-save-section, + .vc-submit-section { + display: flex; + align-items: center; + height: 100%; + cursor: $cursor-pointer; + + .vc-submit-button { + border: 1px solid $dark-gray; + width: 94px; + height: 30px; + border-radius: 2px; + padding-top: 5px; + padding-left: 10px; + margin-left: 10px; + margin-right: 10px; + + &:hover:not(.disabled) { + cursor: pointer; + background-color: $silver; + } + + &.disabled { + border-color: $light-gray; + } + + .vc-v-submit { + width: 11px; + height: 8px; + margin-right: 10px; + position: relative; + top: -1px; + } + } + + .certifyBtn { + margin-left: 20px; + } + + .version-control-buttons { + display: flex; + } + + .action-button-wrapper { + display: flex; + align-items: center; + height: 70px; + padding: 10px; + + &:hover { + background-color: $silver; + } + + &:active { + background-color: $light-gray; + } + + .action-buttons-svg { + padding-left: 10px; + padding-right: 10px; + + .svg-icon { + fill: $text-black; + height: 20px; + + &, + &.__version-controller-save { + width: 20px; + } + &.__version-controller-permissions { + width: 32px; + } + &.__version-controller-undo, + &.__version-controller-revert { + width: 20px; + } + &.__version-controller-sync, + &.__version-controller-commit { + width: 28px; + } + } + .vs-back-btn { + height: '35px'; + width: '35px'; + .svg-icon { + height: '35px'; + width: '35px'; + transform: rotate(90deg); + } + } + } + } + + .action-button-label { + @include body-4; + display: block; + height: 1em; + margin-top: 5px; + margin-bottom: 0; + } + } + } + } } -- cgit 1.2.3-korg