diff options
author | Vasyl Razinkov <vasyl.razinkov@est.tech> | 2021-03-26 13:44:55 +0000 |
---|---|---|
committer | Vasyl Razinkov <vasyl.razinkov@est.tech> | 2021-03-26 13:45:13 +0000 |
commit | 021978494010df2a4258845b2ada19967869afd1 (patch) | |
tree | 10579500f35841b46c8b766e9b69c40efd056499 /catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability | |
parent | 316a6df0f1a42cb3f825b9ab4b51d9d59215a530 (diff) |
Revert "Fix 46 CRITICAL BUGs"
This reverts commit eb57d1efc197968a4073b331b2dc8f40d8109847.
Reason for revert: some UI components are broken
Change-Id: I533a827e9913250d5cb29ed2cc4736fd8c57a8e5
Signed-off-by: Vasyl Razinkov <vasyl.razinkov@est.tech>
Issue-ID: SDC-3529
Diffstat (limited to 'catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability')
-rw-r--r-- | catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability/select-reqiurement-or-capability.component.less | 58 |
1 files changed, 20 insertions, 38 deletions
diff --git a/catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability/select-reqiurement-or-capability.component.less b/catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability/select-reqiurement-or-capability.component.less index df3797e069..edcb87db3d 100644 --- a/catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability/select-reqiurement-or-capability.component.less +++ b/catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability/select-reqiurement-or-capability.component.less @@ -1,94 +1,76 @@ @import './../../../../../assets/styles/variables.less'; @import './../../../../../assets/styles/mixins.less'; - -.main-container { +.main-container{ color: @main_color_m; } - .select-req-or-cap-span { float: left; margin-right: 15px; font-size: 13px; } - -.select-type-label { +.select-type-label{ .m_12_m; margin-bottom: 2px; } - -.select-type { +.select-type{ display: flex; margin-bottom: 10px; - - .ui-element-dropdown { + ui-element-dropdown{ width: 40%; font-size: 13px; - - /deep/ select { + /deep/ select{ height: 31px; } } } - -.table-and-list-container { +.table-and-list-container{ display: flex; padding-top: 10px; - - .inner-container { + .inner-container{ height: 300px; overflow-y: auto; border: @main_color_o solid 1px; } - - .inner-container:not(:last-of-type) { + .inner-container:not(:last-of-type){ border-right: none; } - .requirements-or-capabilities-container { width: 40%; - - &.empty-list { + &.empty-list{ background-color: @tlv_color_t; text-align: center; - - &:before { + &:before{ content: 'Select "type" above'; line-height: 298px; } } - - .req-or-cap-item { + .req-or-cap-item{ border-bottom: @main_color_o solid 1px; padding: 10px; font-size: 13px; - - &:hover:not(.selected) { - background-color: @tlv_color_t; - cursor: pointer; + &:hover:not(.selected){ + background-color:@tlv_color_t; cursor:pointer; } } } - - .properties-table-container { + .properties-table-container{ width: 60%; display: flex; - - &.cap-selected { + &.cap-selected{ background-color: @tlv_color_t; border: @main_color_a solid 1px; - -webkit-box-shadow: inset 8px -2px 7px -9px rgba(84, 84, 84, 1); - -moz-box-shadow: inset 8px -2px 7px -9px rgba(84, 84, 84, 1); - box-shadow: inset 8px -2px 7px -9px rgba(84, 84, 84, 1); + -webkit-box-shadow: inset 8px -2px 7px -9px rgba(84,84,84,1); + -moz-box-shadow: inset 8px -2px 7px -9px rgba(84,84,84,1); + box-shadow: inset 8px -2px 7px -9px rgba(84,84,84,1); } - - .properties-table { + properties-table{ margin: 15px; width: 100%; } } } -.selected { +.selected{ color: @main_color_a; background-color: @tlv_color_v; border-left: @main_color_a solid 4px; |