catalog-ui/src/app/view-models/workspace/tabs/deployment-artifacts/deployment-artifacts.less

   1 .workspace-deployment-artifact {
   2     width: 93%;
   3     display: inline-block;
   4     .table-container-flex .table .body .data-row + div.item-opened {
   5         align-items: center;
   6         padding: 10px 40px 10px 30px;
   7     }
   8
   9     .w-sdc-classic-btn {
  10         float: right;
  11         margin-bottom: 10px;
  12     }
  13
  14
  15     .heat-env-connect-container{
  16         background-color: white;
  17         position: absolute;
  18         height: 70px;
  19         width:20px;
  20         left: 0;
  21         top:0;
  22     }
  23     .heat-env-connect-container-view-mode{
  24         background-color: @tlv_color_t;
  25     }
  26     .heat-env-connect{
  27         border-left: 1px #848586 solid;
  28         height: 50px;
  29         margin-left: 10px;
  30         margin-top: 10px;
  31         border-top: 1px #848586 solid;
  32         border-bottom: 1px #848586 solid;
  33         width: 11px;
  34         float: left;
  35
  36     }
  37
  38     .artifact-name{
  39         width:85%;
  40     }
  41
  42     .table-container-flex .table .body .data-row div .heat-env-connect-container{
  43         border-right: none;
  44     }
  45
  46     .i-sdc-designer-sidebar-section-content-item-file-link::before{
  47         content:"";
  48         background-color: white;
  49         width: 12px;
  50
  51     }
  52
  53
  54
  55     .table {
  56         height:490px;
  57         margin-bottom: 0;
  58     }
  59
  60     .parameter-description {
  61         .circle(18px, @color_p);
  62         content: '?';
  63         line-height: 18px;
  64         vertical-align: middle;
  65         margin-left: 5px;
  66         cursor: default;
  67         display: inline-block;
  68         position: absolute;
  69         top: 16px;
  70     }
  71
  72     .table-container-flex {
  73
  74         margin-top: 0;
  75
  76         .text{
  77             overflow: hidden;
  78             text-overflow: ellipsis;
  79             display: inline-block;
  80             white-space: nowrap;
  81         }
  82
  83         .flex-item:nth-child(1) {
  84             flex-grow: 15;
  85             .hand;
  86             padding-left: 30px;
  87             position: relative;
  88             span.table-arrow {
  89                 margin-right: 7px;
  90             }
  91             .description-popover-icon{
  92                 float:right;
  93                 margin-top:6px;
  94             }
  95         }
  96
  97         .flex-item:nth-child(2) {
  98             flex-grow: 6;
  99         }
 100
 101         .flex-item:nth-child(3) {
 102             flex-grow: 9;
 103         }
 104
 105         .flex-item:nth-child(4) {
 106             flex-grow: 3;
 107         }
 108
 109         .flex-item:nth-child(5) {
 110             flex-grow: 20;
 111         }
 112
 113         .flex-item:nth-child(6) {
 114             flex-grow: 5;
 115
 116             &.table-btn-col {
 117                 display: flex;
 118                 justify-content: space-between;
 119                 align-items: center;
 120
 121                 button {
 122                     flex: 0 1 auto;
 123                     background-color: transparent;
 124                     border: 0;
 125                     margin: 0;
 126                 }
 127                 .edit-paramtes-button {
 128                     order: -1;
 129                 }
 130             }
 131         }
 132     }
 133     .w-sdc-form{
 134         text-align: left;
 135
 136         .w-sdc-env-params{
 137             border-top: 1px solid #cdcdcd;
 138             margin: 25px 0 10px 0;
 139         }
 140
 141         .i-sdc-form-textarea {
 142             border: 1px solid @color_e;
 143             min-height: 60px;
 144             padding: 10px 13px;
 145             width: 100%;
 146             resize: none;
 147
 148         }
 149
 150         .w-sdc-form-item {
 151             &.error {
 152                 .i-sdc-form-input,
 153                 .i-sdc-form-select,
 154                 .i-sdc-form-textarea {
 155                     border-color: @color_h;
 156                     outline: none;
 157                     box-sizing: border-box;
 158                 }
 159             }
 160         }
 161
 162         .i-sdc-env-form-label{
 163             font-family: @font-opensans-medium;
 164             color: @main_color_m;
 165             overflow: hidden;
 166             max-width: 450px;
 167             text-overflow: ellipsis;
 168             display: inline-block;
 169             white-space: nowrap;
 170             margin-top: 14px;
 171
 172             &.required::before {
 173                 color: #f33;
 174                 content: '*';
 175                 margin-right: 4px;
 176             }
 177         }
 178     }
 179 }
 180
 181 .table-container-flex .table .body .scrollbar-container {
 182         overflow-x:auto !important; //need to override the overflow-hidden for the table so that the popover auto positioning works
 183         min-height: 400px;
 184 }
 185
 186 .parameter-description-popover.deployment-artifact-view {
 187     margin-left: -22px;
 188     z-index: 1040;
 189     min-width: 300px;
 190     .input-error {
 191         .q_12_m;
 192     }
 193     .error textarea{
 194         border-color: @main_color_g;
 195         color: @color_h;
 196         outline: none;
 197     }
 198     .popover-content textarea {
 199         width:100%;
 200     }
 201 }