diff options
Diffstat (limited to 'catalog-ui/src/app/ng2/pages/composition')
9 files changed, 216 insertions, 233 deletions
diff --git a/catalog-ui/src/app/ng2/pages/composition/capabilities-filter-properties-editor/capabilities-filter-properties-editor.component.less b/catalog-ui/src/app/ng2/pages/composition/capabilities-filter-properties-editor/capabilities-filter-properties-editor.component.less index 4ceb43ef5d..188fb7b5ef 100644 --- a/catalog-ui/src/app/ng2/pages/composition/capabilities-filter-properties-editor/capabilities-filter-properties-editor.component.less +++ b/catalog-ui/src/app/ng2/pages/composition/capabilities-filter-properties-editor/capabilities-filter-properties-editor.component.less @@ -14,7 +14,6 @@ .i-sdc-form-item { width: 250px; - &.operation { width: 60px; } @@ -23,25 +22,20 @@ .rule-builder-content { display: flex; align-items: flex-end; - .rule-input-field { flex: 1; - &:not(:last-of-type) { margin-right: 20px; } - - &.operator { + &.operator{ width: 55px; flex: 0 1 auto; } - &.assigned-value-field { margin-bottom: 10px; } - - /deep/ .ui-element-dropdown select, - /deep/ .ui-element-input input { + /deep/ ui-element-dropdown select, + /deep/ ui-element-input input { height: 30px; } } diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/composition-graph.component.less b/catalog-ui/src/app/ng2/pages/composition/graph/composition-graph.component.less index aebea3bea6..b3e5ef3a0c 100644 --- a/catalog-ui/src/app/ng2/pages/composition/graph/composition-graph.component.less +++ b/catalog-ui/src/app/ng2/pages/composition/graph/composition-graph.component.less @@ -1,4 +1,4 @@ -:host(.composition-graph) { +:host(composition-graph) { flex: 1; padding-top: 53px; } @@ -34,7 +34,7 @@ right: 310px; } - .ng2-zone-container { + ng2-zone-container { display: flex; margin-left: 10px; } diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/connection-properties-view/connection-properties-view.component.less b/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/connection-properties-view/connection-properties-view.component.less index 87e9ae1e03..07f9aa2135 100644 --- a/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/connection-properties-view/connection-properties-view.component.less +++ b/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/connection-properties-view/connection-properties-view.component.less @@ -1,4 +1,4 @@ -.connection-wizard-header { - display: block; - margin-bottom: 15px; +connection-wizard-header { + display: block; + margin-bottom: 15px; } diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/create-interface-operation/create-input-row/create-input-row.component.less b/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/create-interface-operation/create-input-row/create-input-row.component.less index 2d77d9ae4a..316d49e406 100644 --- a/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/create-interface-operation/create-input-row/create-input-row.component.less +++ b/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/create-interface-operation/create-input-row/create-input-row.component.less @@ -24,7 +24,7 @@ align-items: center; justify-content: center; - .svg-icon { + svg-icon { position: relative; right: -3px; @@ -34,6 +34,7 @@ } } + .cell { min-height: 50px; padding: 10px; diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/create-interface-operation/create-interface-operation.component.less b/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/create-interface-operation/create-interface-operation.component.less index 4c72281626..4c7f8aba48 100644 --- a/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/create-interface-operation/create-interface-operation.component.less +++ b/catalog-ui/src/app/ng2/pages/composition/graph/connection-wizard/create-interface-operation/create-interface-operation.component.less @@ -44,7 +44,7 @@ height: 38px; line-height: 35px; - .svg-icon { + svg-icon { margin: 13px 6px; } } @@ -142,13 +142,11 @@ position: relative; top: 2px; } - /deep/ .tooltip-inner { padding: 2px; max-width: 270px; font-size: 11px; } - &.remove { padding: 10px; font-size: 10px; @@ -206,8 +204,7 @@ display: flex; justify-content: flex-end; align-items: center; - - .sdc-button { + sdc-button { margin: 0 5px; } } diff --git a/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/input-param-row/input-param-row.component.less b/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/input-param-row/input-param-row.component.less index 55fb59c526..12eacc6473 100644 --- a/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/input-param-row/input-param-row.component.less +++ b/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/input-param-row/input-param-row.component.less @@ -21,52 +21,52 @@ @import '../../../../../../../assets/styles/variables.less'; .remove { - display: flex; - align-items: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; - .svg-icon { - position: relative; - right: -3px; + svg-icon { + position: relative; + right: -3px; - &:hover { - cursor: pointer; + &:hover { + cursor: pointer; + } } - } } .cell { - min-height: 50px; - padding: 10px; - display: flex; - align-items: center; + min-height: 50px; + padding: 10px; + display: flex; + align-items: center; - > * { - flex-basis: 100%; - } - - /deep/ select { - height: 30px; - } + > * { + flex-basis: 100%; + } - input { - height: 30px; - border: none; - padding-left: 10px; - } + /deep/ select { + height: 30px; + } - select { - width: 100%; - } + input { + height: 30px; + border: none; + padding-left: 10px; + } - &.field-property { - &:last-child { - flex: 1; + select { + width: 100%; } - .no-properties-error { - color: @func_color_q; - font-style: italic; + &.field-property { + &:last-child { + flex: 1; + } + + .no-properties-error { + color: @func_color_q; + font-style: italic; + } } - } } diff --git a/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/interface-operation-handler.component.less b/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/interface-operation-handler.component.less index 3d44cad740..8bbed9de02 100644 --- a/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/interface-operation-handler.component.less +++ b/catalog-ui/src/app/ng2/pages/composition/interface-operatons/operation-creator/interface-operation-handler.component.less @@ -22,181 +22,179 @@ @import '../../../../../../assets/styles/override.less'; .operation-handler { - font-family: @font-opensans-regular; - user-select: none; - padding-top: 12px; - padding-bottom: 20px; - - .i-sdc-form-label { - font-size: 12px; - } - - .w-sdc-form .i-sdc-form-item { - margin-bottom: 15px; - } - - textarea { - min-height: 74px; - margin-bottom: 18px; - } - - /deep/ .sdc-dropdown__component-container { - .sdc-dropdown__header { - height: 38px; - line-height: 35px; - - .svg-icon { - margin: 13px 6px; - } - } - } - - /deep/ .sdc-input { - margin-bottom: 0; + font-family: @font-opensans-regular; + user-select: none; + padding-top: 12px; + padding-bottom: 20px; - .sdc-input__input { - height: 38px; + .i-sdc-form-label { + font-size: 12px; } - } - .side-by-side { - display: flex; + .w-sdc-form .i-sdc-form-item { + margin-bottom: 15px; + } - .form-item { - flex: 1; + textarea { + min-height: 74px; + margin-bottom: 18px; + } - &:first-child { - margin-right: 14px; - flex-basis: 37%; - flex-grow: 0; - flex-shrink: 0; - } + /deep/ .sdc-dropdown__component-container { + .sdc-dropdown__header { + height: 38px; + line-height: 35px; - &:nth-child(3) { - margin-left: 14px; - flex: 0.4; - } + svg-icon { + margin: 13px 6px; + } + } + } - .i-sdc-form-file-upload { - height: 37px; + /deep/ .sdc-input { margin-bottom: 0; - .i-sdc-form-file-name { - padding: 8px 10px; + .sdc-input__input { + height: 38px; } + } - .i-sdc-form-file-upload-x-btn { - top: 13px; - } + .side-by-side { + display: flex; - .file-upload-browse-btn { - height: 100%; - padding: 7px 6px; - z-index: 1; - } - } + .form-item { + flex: 1; - } - } - - .archive-warning { - font-family: @font-opensans-bold; - color: @main_color_i; - } - - .no-workflow-warning { - font-family: @font-opensans-bold; - color: @sdcui_color_red; - float: right; - } - - .input-param-title { - font-size: 16px; - text-transform: uppercase; - } - - .separator-buttons { - display: flex; - justify-content: space-between; - margin-top: 10px; - - .add-param-link { - &:not(.disabled):hover { - cursor: pointer; - } - } + &:first-child { + margin-right: 14px; + flex-basis: 37%; + flex-grow: 0; + flex-shrink: 0; + } + + &:nth-child(3) { + margin-left: 14px; + flex: 0.4; + } + + .i-sdc-form-file-upload { + height: 37px; + margin-bottom: 0; - .tab { - width: 84px; - text-align: center; + .i-sdc-form-file-name { + padding: 8px 10px; + } + + .i-sdc-form-file-upload-x-btn { + top: 13px; + } + + .file-upload-browse-btn { + height: 100%; + padding: 7px 6px; + z-index: 1; + } + } + + } } - } - .generic-table { - max-height: 244px; - min-height: 91px; - background: @main_color_p; + .archive-warning { + font-family: @font-opensans-bold; + color: @main_color_i; + } - .header-row .header-cell { - .info-icon { + .no-workflow-warning { + font-family: @font-opensans-bold; + color: @sdcui_color_red; float: right; - position: relative; - top: 2px; - } - - /deep/ .tooltip-inner { - padding: 2px; - max-width: 270px; - font-size: 11px; - } - - &.remove { - padding: 10px; - font-size: 10px; - } } - .data-row { - &.empty-msg { - .bold-message { - font-family: @font-opensans-bold; - } + .input-param-title { + font-size: 16px; + text-transform: uppercase; + } - :first-child { - &:not(:only-child) { - margin: 6px 0; - } + .separator-buttons { + display: flex; + justify-content: space-between; + margin-top: 10px; + + .add-param-link { + &:not(.disabled):hover { + cursor: pointer; + } } - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - padding: 14px; - } + .tab { + width: 84px; + text-align: center; + } } - /deep/ .cell { - &.field-input-name, &.field-input-value { - flex: 1; - } + .generic-table { + max-height: 244px; + min-height: 91px; + background: @main_color_p; + + .header-row .header-cell { + .info-icon { + float: right; + position: relative; + top: 2px; + } + /deep/ .tooltip-inner { + padding: 2px; + max-width: 270px; + font-size: 11px; + } + &.remove { + padding: 10px; + font-size: 10px; + } + } - &.field-property { - &, &:last-child { - flex: 1; + .data-row { + &.empty-msg { + .bold-message { + font-family: @font-opensans-bold; + } + + :first-child { + &:not(:only-child) { + margin: 6px 0; + } + } + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 14px; + } } - } - &.field-mandatory { - flex: 0.5; - text-align: center; - } + /deep/ .cell { + &.field-input-name, &.field-input-value{ + flex: 1; + } + + &.field-property { + &, &:last-child { + flex: 1; + } + } + + &.field-mandatory { + flex: 0.5; + text-align: center; + } + + &.remove { + min-width: 40px; + max-width: 40px; + } + } - &.remove { - min-width: 40px; - max-width: 40px; - } } - - } } diff --git a/catalog-ui/src/app/ng2/pages/composition/palette/palette.component.less b/catalog-ui/src/app/ng2/pages/composition/palette/palette.component.less index b7533cc664..37461ba1c5 100644 --- a/catalog-ui/src/app/ng2/pages/composition/palette/palette.component.less +++ b/catalog-ui/src/app/ng2/pages/composition/palette/palette.component.less @@ -1,20 +1,19 @@ @import "./../../../../../assets/styles/override"; -:host(.composition-palette) { - display: flex; +:host(composition-palette) { + display:flex; flex: 0 0 244px; } -.sdc-loader.inactive { - display: none; +sdc-loader.inactive { + display:none; } :host ::ng-deep .sdc-filter-bar .sdc-input { - margin-bottom: 0px; + margin-bottom:0px; } - :host ::ng-deep .sdc-loader-wrapper { - position: static; + position:static; } .composition-palette-component { @@ -23,7 +22,7 @@ overflow-x: hidden; display: flex; flex-direction: column; - position: relative; + position:relative; width: 244px; box-shadow: 7px -3px 6px -8px @sdcui_color_gray; @@ -32,7 +31,6 @@ line-height: 40px; padding: 0 17px; color: @sdcui_color_white; - .palette-elements-count-value { float: right; } @@ -43,23 +41,19 @@ .no-elements-found { padding-left: 40px; } - /deep/ .palette-category { display: flex; margin: 0px; - .sdc-accordion-header { background-color: @sdcui_color_silver; margin: 0px; line-height: 40px; padding: 0px 10px; } - .sdc-accordion-body { padding: 0px; } } - .palette-subcategory { padding: 0 10px; background-color: @sdcui_color_lighter-silver; diff --git a/catalog-ui/src/app/ng2/pages/composition/panel/composition-panel.component.less b/catalog-ui/src/app/ng2/pages/composition/panel/composition-panel.component.less index 9a39871e7a..124d606079 100644 --- a/catalog-ui/src/app/ng2/pages/composition/panel/composition-panel.component.less +++ b/catalog-ui/src/app/ng2/pages/composition/panel/composition-panel.component.less @@ -2,28 +2,27 @@ @import '../../../../../assets/styles/mixins_old'; :host ::ng-deep .sdc-loader-wrapper { - position: static; + position:static; } .component-details-panel-tabs { - flex: 1; - display: flex; - overflow: hidden; -} - -.component-details-panel-tabs /deep/ .sdc-tabs { - display: flex; - flex-direction: column; - width: 100%; - - /deep/ .sdc-tab { - display: flex; - flex-direction: column; - overflow-y: auto; + flex: 1; + display:flex; + overflow:hidden; } - .svg-icon-wrapper.label-placement-left .svg-icon-label { - margin-right: 0; - } +.component-details-panel-tabs /deep/ sdc-tabs { + display:flex; + flex-direction:column; + width: 100%; + + /deep/ sdc-tab { + display: flex; + flex-direction: column; + overflow-y: auto; + } + .svg-icon-wrapper.label-placement-left .svg-icon-label { + margin-right: 0; + } } |