edcb87db3d039e2a058c0da1a032025f2c62eb0c
[sdc.git] /
1 @import './../../../../../assets/styles/variables.less';
2 @import './../../../../../assets/styles/mixins.less';
3 .main-container{
4   color: @main_color_m;
5 }
6 .select-req-or-cap-span {
7   float: left;
8   margin-right: 15px;
9   font-size: 13px;
10 }
11 .select-type-label{
12   .m_12_m;
13   margin-bottom: 2px;
14 }
15 .select-type{
16   display: flex;
17   margin-bottom: 10px;
18   ui-element-dropdown{
19     width: 40%;
20     font-size: 13px;
21     /deep/ select{
22       height: 31px;
23     }
24   }
25 }
26 .table-and-list-container{
27   display: flex;
28   padding-top: 10px;
29   .inner-container{
30     height: 300px;
31     overflow-y: auto;
32     border: @main_color_o solid 1px;
33   }
34   .inner-container:not(:last-of-type){
35     border-right: none;
36   }
37   .requirements-or-capabilities-container {
38     width: 40%;
39     &.empty-list{
40       background-color: @tlv_color_t;
41       text-align: center;
42       &:before{
43         content: 'Select "type" above';
44         line-height: 298px;
45       }
46     }
47     .req-or-cap-item{
48       border-bottom: @main_color_o solid 1px;
49       padding: 10px;
50       font-size: 13px;
51       &:hover:not(.selected){
52         background-color:@tlv_color_t; cursor:pointer;
53       }
54     }
55   }
56   .properties-table-container{
57     width: 60%;
58     display: flex;
59     &.cap-selected{
60       background-color: @tlv_color_t;
61       border: @main_color_a solid 1px;
62       -webkit-box-shadow: inset 8px -2px 7px -9px rgba(84,84,84,1);
63       -moz-box-shadow: inset 8px -2px 7px -9px rgba(84,84,84,1);
64       box-shadow: inset 8px -2px 7px -9px rgba(84,84,84,1);
65     }
66     properties-table{
67       margin: 15px;
68       width: 100%;
69     }
70   }
71 }
72
73 .selected{
74   color: @main_color_a;
75   background-color: @tlv_color_v;
76   border-left: @main_color_a solid 4px;
77 }