36772a2f96e9d2fc660b1c84b7ae30498d83f08d
[sdc.git] / catalog-ui / src / app / ng2 / pages / service-dependencies-editor / service-dependencies-editor.component.less
1 @import './../../../../assets/styles/variables.less';
2
3 .sdc-modal-top-bar {
4   display: flex;
5   justify-content: flex-end;
6 }
7
8 .i-sdc-form-content {
9   display: flex;
10   flex-direction: column;
11   margin-top: 10px;
12   padding-bottom: 20px;
13
14   .i-sdc-form-item {
15     width: 250px;
16     &.operation {
17       width: 60px;
18     }
19   }
20
21   .rule-builder-content {
22     display: flex;
23     align-items: flex-end;
24     flex-wrap: wrap;
25     .rule-input-field {
26       flex: 1;
27       &:not(:last-of-type) {
28         margin-right: 20px;
29       }
30       &.operator{
31         width: 55px;
32         flex: 1 0 auto;
33       }
34       &.property {
35         flex: 2;
36       }
37       &.assigned-value-field {
38         margin-bottom: 10px;
39       }
40       /deep/ ui-element-dropdown select,
41       /deep/ ui-element-input input {
42         height: 30px;
43       }
44     }
45     .complex-input-field {
46       flex-basis: 100%;
47       display: block;
48     }
49   }
50 }