catalog-ui/src/app/view-models/forms/env-parameters-form/env-parameters-form.less

   1 .sdc-env-form-container{
   2     .w-sdc-modal-body{
   3         padding: 20px 10px 2px 10px;
   4     }
   5     .w-sdc-modal-body-content{
   6         .b_6;
   7         display: block;
   8     }
   9
  10     .env-file-generation-label{
  11         .p_9;
  12         .bold;
  13         margin-bottom: 20px;
  14     }
  15 }
  16
  17 .w-sdc-env-form-container {
  18     height: 650px;
  19
  20     .w-sdc-env-search {
  21         padding: 10px 20px 20px 0;
  22         white-space: nowrap;
  23         position: relative;
  24         width: 60%;
  25         height: 64px;
  26
  27         .env-search-icon {
  28             top: 9px;
  29             right: 11px;
  30         }
  31
  32         .magnification-white {
  33             .sprite-new;
  34             .search-white-icon;
  35             .hand;
  36         }
  37
  38         .search-icon-container {
  39             width: 35px;
  40             height: 30px;
  41             background-color: @main_color_a;
  42             white-space: nowrap;
  43             float: right;
  44             position: relative;
  45             bottom: 31px;
  46             right: 1px;
  47             border-radius: 0px 4px 4px 0px;
  48             .hand
  49         }
  50
  51         .w-sdc-env-search-input {
  52             border: 1px solid @color_e;
  53             .border-radius(4px);
  54             height: 32px;
  55             margin: 0;
  56             padding: 0px 28px 3px 10px;
  57             vertical-align: 4px;
  58             width: 100%;
  59             outline: none;
  60             font-style: italic;
  61         }
  62     }
  63
  64     .table-container-flex {
  65         height: 570px;
  66
  67         .table {
  68             height: 100%;
  69             .flex-item:nth-child(1) {
  70                 flex-grow: 20;
  71                 .show-desc{
  72                     float: right;
  73                     top: 10px;
  74                     position: relative;
  75                 }
  76             }
  77
  78             .flex-item:nth-child(2) {
  79                 flex-grow: 10;
  80             }
  81
  82             .flex-item:nth-child(3) {
  83                 flex-grow: 10;
  84             }
  85             .scrollbar-container{
  86                 max-height: 527px;
  87             }
  88             .left-column-container{
  89                 .required-symbol {
  90                     .m_14_m;
  91                     color: #f33;
  92                     display: none;
  93                     position: relative;
  94                     left: -4px;
  95                     top: 3px;
  96                 }
  97
  98                 .i-sdc-form-item{
  99                     border-right: none;
 100                     margin: 0px;
 101
 102                     .input-parameter{
 103                         border: none;
 104                         height: 30px;
 105                         width: 254px;
 106                         float: right;
 107                         input{
 108                             .m_13_m;
 109                             width: 100%;
 110                             display: inline-flex;
 111                             padding-right: 33px;
 112                         }
 113                         .action-button{
 114                             border-left: solid 1px @main_color_o;
 115                             position: relative;
 116                             height: 20px;
 117                             width: 25px;
 118                             top: -25px;
 119                             left: 228px;
 120                             padding-left: 6px;
 121                             background-color: @main_color_p;
 122                             div:not(.disable){
 123                                 .hand;
 124                             }
 125                         }
 126                     }
 127
 128                     &.required{
 129                         .required-symbol {
 130                             display: inline-flex;
 131                         }
 132                         .input-parameter {
 133                             width: 250px;
 134                         }
 135                         .action-button{
 136                             left: 224px;
 137                         }
 138                     }
 139                 }
 140
 141
 142
 143             }
 144         }
 145
 146         .text{
 147             overflow: hidden;
 148             text-overflow: ellipsis;
 149             display: inline-block;
 150             white-space: nowrap;
 151         }
 152     }
 153
 154
 155     .parameter-description{
 156         background-color: @func_color_r;
 157         border-left: 4px solid @main_color_a;
 158         padding: 10px 30px;
 159     }
 160 }
 161
 162 .header-info{
 163     float: right;
 164 }
 165
 166 .parameter-description-popover{
 167     z-index: 1100;
 168     min-width: 210px;
 169     .arrow{
 170         left: 20px !important;
 171         border-width: 7px;
 172         bottom: -8px !important;
 173     }
 174     .popover-content{
 175         .f-type._13_m;;
 176     }
 177 }