catalog-ui/src/app/ng2/pages/interface-operation/operation-creator/operation-creator.component.less

   1 @import '../../../../../assets/styles/variables.less';
   2
   3 .operation-creator {
   4     font-family: @font-opensans-regular;
   5     user-select: none;
   6     padding-top: 12px;
   7     padding-bottom: 20px;
   8
   9     .i-sdc-form-label {
  10         font-size: 12px;
  11     }
  12
  13     .w-sdc-form .i-sdc-form-item {
  14         margin-bottom: 15px;
  15     }
  16
  17     .side-by-side {
  18         display: flex;
  19
  20         .i-sdc-form-item {
  21             flex-basis: 100%;
  22
  23             &:first-child {
  24                 flex-basis: 40%;
  25                 margin-right: 10px;
  26             }
  27         }
  28     }
  29
  30     .input-param-title {
  31         font-size: 16px;
  32         text-transform: uppercase;
  33     }
  34
  35     .separator-buttons {
  36         margin: 10px 0;
  37         display: flex;
  38         justify-content: space-between;
  39
  40         .add-param-link {
  41             &:not(.disabled):hover {
  42                 cursor: pointer;
  43             }
  44         }
  45     }
  46
  47     .generic-table {
  48         max-height: 233px;
  49
  50         .header-row .header-cell {
  51             &.remove {
  52                 padding: 8px;
  53             }
  54             .info-icon {
  55                 float: right;
  56             }
  57             .tooltip-inner {
  58                 &.tooltip-inner {
  59                     &.tooltip-inner {
  60                         max-width: 230px;
  61                     }
  62                 }
  63             }
  64         }
  65
  66         .data-row {
  67             &.empty-msg {
  68                 .bold-message {
  69                     font-weight: 600;
  70                 }
  71
  72                 :first-child {
  73                     &:not(:only-child) {
  74                         margin: 6px 0;
  75                     }
  76                 }
  77
  78                 display: flex;
  79                 flex-direction: column;
  80                 justify-content: center;
  81                 align-items: center;
  82                 padding: 11px 0;
  83             }
  84         }
  85
  86         /deep/ .cell {
  87             &.field-name, &.field-type {
  88                 flex: 1;
  89             }
  90
  91             &.field-property {
  92                 &, &:last-child {
  93                     flex: 1;
  94                 }
  95             }
  96
  97             &.field-mandatory {
  98                 flex: 0.5;
  99                 text-align: center;
 100             }
 101
 102             &.remove {
 103                 min-width: 40px;
 104             }
 105         }
 106
 107     }
 108 }