diff options
Diffstat (limited to 'catalog-ui/src/app/ng2/pages/interface-operation')
2 files changed, 184 insertions, 186 deletions
diff --git a/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.less b/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.less index 084744ad68..2721d300c4 100644 --- a/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.less +++ b/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.less @@ -2,181 +2,179 @@ @import '../../../../../assets/styles/override.less'; .operation-creator { - 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-name, &.field-type { - 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-name, &.field-type { + 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/interface-operation/operation-creator/param-row/param-row.component.less b/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/param-row/param-row.component.less index 76cc79e5e7..5447fe532b 100644 --- a/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/param-row/param-row.component.less +++ b/catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/param-row/param-row.component.less @@ -1,53 +1,53 @@ @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; - - > * { - flex-basis: 100%; - } - - /deep/ select { - height: 30px; - } - - input { - height: 30px; - border: none; - padding-left: 10px; - } - - select { - width: 100%; - } - - &.field-property { - &:last-child { - flex: 1; + min-height: 50px; + padding: 10px; + display: flex; + align-items: center; + + > * { + flex-basis: 100%; + } + + /deep/ select { + height: 30px; + } + + input { + height: 30px; + border: none; + padding-left: 10px; + } + + 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; + } } - } } |