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

   1 @import '../../../../../assets/styles/variables.less';
   2 @import '../../../../../assets/styles/override.less';
   3
   4 .operation-creator {
   5     font-family: @font-opensans-regular;
   6     user-select: none;
   7     padding-top: 12px;
   8     padding-bottom: 20px;
   9
  10     .i-sdc-form-label {
  11         font-size: 12px;
  12     }
  13
  14     .w-sdc-form .i-sdc-form-item {
  15         margin-bottom: 15px;
  16     }
  17
  18     textarea {
  19         min-height: 74px;
  20         margin-bottom: 18px;
  21     }
  22
  23     /deep/ .sdc-dropdown__component-container {
  24         .sdc-dropdown__header {
  25             height: 38px;
  26             line-height: 35px;
  27
  28             svg-icon {
  29                 margin: 13px 6px;
  30             }
  31         }
  32     }
  33
  34     /deep/ .sdc-input {
  35         margin-bottom: 0;
  36
  37         .sdc-input__input {
  38             height: 38px;
  39         }
  40     }
  41
  42     .side-by-side {
  43         display: flex;
  44
  45         .form-item {
  46             flex: 1;
  47
  48             &:first-child {
  49                 margin-right: 14px;
  50                 flex-basis: 37%;
  51                 flex-grow: 0;
  52                 flex-shrink: 0;
  53             }
  54
  55             &:nth-child(3) {
  56                 margin-left: 14px;
  57                 flex: 0.4;
  58             }
  59
  60             .i-sdc-form-file-upload {
  61                 height: 37px;
  62                 margin-bottom: 0;
  63
  64                 .i-sdc-form-file-name {
  65                     padding: 8px 10px;
  66                 }
  67
  68                 .i-sdc-form-file-upload-x-btn {
  69                     top: 13px;
  70                 }
  71
  72                 .file-upload-browse-btn {
  73                     height: 100%;
  74                     padding: 7px 6px;
  75                     z-index: 1;
  76                 }
  77             }
  78
  79         }
  80     }
  81
  82     .archive-warning {
  83         font-family: @font-opensans-bold;
  84         color: @main_color_i;
  85     }
  86
  87     .no-workflow-warning {
  88         font-family: @font-opensans-bold;
  89         color: @sdcui_color_red;
  90         float: right;
  91     }
  92
  93     .input-param-title {
  94         font-size: 16px;
  95         text-transform: uppercase;
  96     }
  97
  98     .separator-buttons {
  99         display: flex;
 100         justify-content: space-between;
 101         margin-top: 10px;
 102
 103         .add-param-link {
 104             &:not(.disabled):hover {
 105                 cursor: pointer;
 106             }
 107         }
 108
 109         .tab {
 110             width: 84px;
 111             text-align: center;
 112         }
 113     }
 114
 115     .generic-table {
 116         max-height: 244px;
 117         min-height: 91px;
 118         background: @main_color_p;
 119
 120         .header-row .header-cell {
 121             .info-icon {
 122                 float: right;
 123                 position: relative;
 124                 top: 2px;
 125             }
 126             /deep/ .tooltip-inner {
 127                 padding: 2px;
 128                 max-width: 270px;
 129                 font-size: 11px;
 130             }
 131             &.remove {
 132                 padding: 10px;
 133                 font-size: 10px;
 134             }
 135         }
 136
 137         .data-row {
 138             &.empty-msg {
 139                 .bold-message {
 140                     font-family: @font-opensans-bold;
 141                 }
 142
 143                 :first-child {
 144                     &:not(:only-child) {
 145                         margin: 6px 0;
 146                     }
 147                 }
 148
 149                 display: flex;
 150                 flex-direction: column;
 151                 justify-content: center;
 152                 align-items: center;
 153                 padding: 14px;
 154             }
 155         }
 156
 157         /deep/ .cell {
 158             &.field-name, &.field-type {
 159                 flex: 1;
 160             }
 161
 162             &.field-property {
 163                 &, &:last-child {
 164                     flex: 1;
 165                 }
 166             }
 167
 168             &.field-mandatory {
 169                 flex: 0.5;
 170                 text-align: center;
 171             }
 172
 173             &.remove {
 174                 min-width: 40px;
 175                 max-width: 40px;
 176             }
 177         }
 178
 179     }
 180 }