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 .service-dependencies-editor {
   9   overflow: scroll;
  10   max-height: 700px;
  11 }
  12
  13 .i-sdc-form-content {
  14   display: flex;
  15   flex-direction: column;
  16   margin-top: 10px;
  17   padding-bottom: 20px;
  18
  19   .i-sdc-form-item {
  20     width: 250px;
  21     &.operation {
  22       width: 60px;
  23     }
  24   }
  25
  26   .rule-builder-content {
  27     display: flex;
  28     align-items: flex-end;
  29     flex-wrap: wrap;
  30     .rule-input-field {
  31       flex: 1;
  32       &:not(:last-of-type) {
  33         margin-right: 20px;
  34       }
  35       &.operator{
  36         width: 55px;
  37         flex: 1 0 auto;
  38       }
  39       &.property {
  40         flex: 2;
  41       }
  42       &.assigned-value-field {
  43         margin-bottom: 10px;
  44       }
  45       /deep/ ui-element-dropdown select,
  46       /deep/ ui-element-input input {
  47         height: 30px;
  48       }
  49     }
  50     .complex-input-field {
  51       flex-basis: 100%;
  52       display: block;
  53     }
  54   }
  55 }