aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability
diff options
context:
space:
mode:
authorVasyl Razinkov <vasyl.razinkov@est.tech>2021-03-26 13:44:55 +0000
committerVasyl Razinkov <vasyl.razinkov@est.tech>2021-03-26 13:45:13 +0000
commit021978494010df2a4258845b2ada19967869afd1 (patch)
tree10579500f35841b46c8b766e9b69c40efd056499 /catalog-ui/src/app/ng2/components/logic/select-requirement-or-capability
parent316a6df0f1a42cb3f825b9ab4b51d9d59215a530 (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.less58
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;