From eb57d1efc197968a4073b331b2dc8f40d8109847 Mon Sep 17 00:00:00 2001 From: vasraz Date: Tue, 23 Mar 2021 19:17:37 +0000 Subject: Fix 46 CRITICAL BUGs Change-Id: Id354491665a1d8c25a7c1f3e83fcb4d146ca2f37 Signed-off-by: Vasyl Razinkov Issue-ID: SDC-3529 --- .../service-consumption-editor.component.less | 30 +++++++++++++++++++--- 1 file changed, 26 insertions(+), 4 deletions(-) (limited to 'catalog-ui/src/app/ng2/pages/service-consumption-editor') diff --git a/catalog-ui/src/app/ng2/pages/service-consumption-editor/service-consumption-editor.component.less b/catalog-ui/src/app/ng2/pages/service-consumption-editor/service-consumption-editor.component.less index 83481c1d74..6b77b18fcd 100644 --- a/catalog-ui/src/app/ng2/pages/service-consumption-editor/service-consumption-editor.component.less +++ b/catalog-ui/src/app/ng2/pages/service-consumption-editor/service-consumption-editor.component.less @@ -7,14 +7,17 @@ .sdc-modal-top-bar { display: flex; justify-content: space-between; + .operation-name { text-transform: capitalize; font-family: @font-opensans-bold; font-size: 18px; } } + .expand-collapse-all { display: flex; + .expand-all, .collapse-all { color: @main_color_a; border-bottom: solid 1px @main_color_a; @@ -24,6 +27,7 @@ width: max-content; line-height: 24px; } + .separator-line { border-left: 1px solid @main_color_o; margin: 0 7px; @@ -35,16 +39,20 @@ padding-top: 10px; height: 390px; overflow: auto; + &.no-inputs { border: 1px solid @main_color_o; } + .no-inputs-text { text-align: center; padding: 30px; opacity: 0.7; } + .i-sdc-form-content-operation-input-box { border: solid 1px @main_color_o; + &:not(:last-of-type) { margin-bottom: 17px; } @@ -56,23 +64,28 @@ padding-left: 10px; height: 38px; font-size: 14px; + .expand-collapse-icon { .sprite-new; .expand-collapse-plus-icon; vertical-align: middle; + &.expanded { .expand-collapse-minus-icon; } } + .operation-input-name { margin-left: 10px; margin-right: 7px; font-family: @font-opensans-bold } + .operation-input-type { .type-text { font-family: @font-opensans-bold; } + .type-val { font-family: @font-opensans-regular; } @@ -83,29 +96,34 @@ &.with-top-border, .separator { border-top: 1px solid @main_color_o; } + background-color: @tlv_color_t; display: flex; padding: 19px 20px 12px 19px; + .operation-input-section-col { flex: 45%; + &:not(:last-of-type) { margin-right: 38px; } + .i-sdc-form-label { font-size: 12px; font-family: @font-opensans-bold; } &.assigned-value { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; + .i-sdc-form-label { margin-bottom: 0; } } - /deep/ ui-element-dropdown select, select, - /deep/ dynamic-element input { + /deep/ .ui-element-dropdown select, select, + /deep/ .dynamic-element input { height: 30px; } @@ -120,18 +138,22 @@ /deep/ .operation-input-complex-type-section { background-color: @tlv_color_t; padding: 0 20px 12px 19px; + .separator { border-top: 1px solid @main_color_o; padding-bottom: 19px; } + .static-values-title-for-complex-type { font-size: 14px; font-family: @font-opensans-bold; margin-bottom: 10px; } + .flat-children-container { border: solid 1px @main_color_o; } + .dynamic-property { .dynamic-property-row { background-color: @tlv_color_t; -- cgit 1.2.3-korg