diff options
author | 2021-03-23 19:17:37 +0000 | |
---|---|---|
committer | 2021-03-24 07:09:23 +0000 | |
commit | eb57d1efc197968a4073b331b2dc8f40d8109847 (patch) | |
tree | 2a5fbddd3afb741bc0a9543a06110dd73a7b7d08 /catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability | |
parent | b2c0528da052b5c73e3fc1f7f98d22578acd91f0 (diff) |
Fix 46 CRITICAL BUGs
Change-Id: Id354491665a1d8c25a7c1f3e83fcb4d146ca2f37
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, 38 insertions, 20 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 edcb87db3d..df3797e069 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,76 +1,94 @@ @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; |