ecomp-portal-FE-common/client/app/views/microservice-onboarding/microservice-add-details/microservice-add-details.less

   1 .microservice-add-details-model{
   2         //height: 550px;
   3         //overflow-y: auto;
   4         .title {
   5                 .dGray18r;
   6                 //border-bottom: @blue-active 3px solid;
   7         }
   8         .microservice-details-title {
   9             color: #191919;
  10             font-family: "Omnes-ECOMP-W02", Arial;;
  11             font-size: 24px;
  12             padding-bottom: 15px;
  13             padding-top:30px;
  14             margin-left: 25px;
  15         }
  16         .microservice-properties-main {
  17             padding-top: 20px;
  18             padding-left: 20px;
  19             padding-right: 20px;
  20             margin-bottom: 50px;
  21
  22             height: 100%;
  23             width:100%;
  24
  25             .microservice-property{
  26               margin-top: 10px;
  27               position: relative;
  28               .property-label{
  29                 .dGray14r;
  30               }
  31               .checkbox-label{
  32                 display: inline-block;
  33                 padding-left: 3px;
  34               }
  35               .checkbox-field{
  36                 padding: 0;
  37                 margin: 0;
  38                 vertical-align: middle;
  39                 position: relative;
  40                 top: -1px;
  41               }
  42               .checkbox .skin {
  43                                 left: 0px;
  44                                 top: 0px;
  45                         }
  46             }
  47                 .add-para-item{
  48                         position: relative;
  49                 .add-label-left{
  50                           line-height: 25px;
  51                   height: 30px;
  52                   vertical-align: middle;
  53                   display:inline-block;
  54
  55                   margin-right: 10px;
  56                   background: @portalWhite;
  57                           .dGray14r;
  58                    }
  59                    .add-label-right{
  60                           height: 14px;
  61                           width: 14px;
  62                   display:inline-block;
  63                    }
  64                 }
  65                 .item{
  66               position: relative;
  67               margin-bottom: 15px;
  68               width:400px;
  69               .service-select{
  70                           select{
  71                                 cursor: pointer;
  72                             position: relative;
  73                             border: 1px solid #5a5a5a;
  74                             white-space: nowrap;
  75                             overflow: hidden;
  76                             text-overflow: ellipsis;
  77                             line-height: 15px;
  78                             height: 32px;
  79                             padding-left: 10px;
  80                             padding-right: 10px;
  81                         border-radius: 0px;
  82                           }
  83                   display:inline-block;
  84                   width: 100%;
  85           }
  86           .error-container{
  87                 position: absolute;
  88                 width: 280px;
  89                 display: block;
  90                 height: 12px;
  91                 line-height: 12px;
  92
  93                 .err-message{
  94                   color: @funcRed;
  95                   font-size: 9px;
  96                 }
  97                 .valid-message{
  98                   color: @funcGreen;
  99                   font-size: 9px;
 100                 }
 101               }
 102               .auth-item-left{
 103                   padding-top: 0;
 104                   line-height: 30px;
 105                   height: 30px;
 106                   vertical-align: middle;
 107                   display:inline-block;
 108                   width: 15%;
 109                   //border-radius: 2px;
 110                   //border: 1px solid @portalLGray;
 111                   margin-right: 10px;
 112                   background: @portalWhite;
 113                   white-space: nowrap;
 114                           .dGray14r;
 115           }
 116           .auth-item-right{
 117                   display:inline-block;
 118                   width: 45%;
 119                   border-radius: 2px;
 120                   border: 1px solid @portalLGray;
 121                   background: @portalWhite;
 122                   vertical-align: middle;
 123           }
 124           .para-label-item-left{
 125                   line-height: 30px;
 126                   height: 30px;
 127                   vertical-align: middle;
 128                   display:inline-block;
 129                   width: 45%;
 130                   margin-right: 10px;
 131                   background: @portalWhite;
 132                   white-space: nowrap;
 133                           .dGray14r;
 134           }
 135           .para-label-item-right{
 136                                 margin-left: 248px !important;
 137                             position: absolute !important;
 138                             margin-top: -19px !important;
 139                             width: 50% !important;
 140           }
 141
 142        .table-search-fields{
 143                  margin-left: 248px;
 144                     position: absolute;
 145                     margin-top: -36px;
 146
 147                 }
 148            .para-item-left{
 149                   line-height: 30px;
 150                   height: 36px;
 151                   margin:3px;
 152                   vertical-align: middle;
 153                   display:inline-block;
 154                   width: 43%;
 155                   border-radius: 2px;
 156                   border: 1px solid @portalLGray;
 157                   margin-right: 10px;
 158                   background: @portalWhite;
 159                   white-space: nowrap;
 160                           .dGray14r;
 161           }
 162           .para-item-middle{
 163                   line-height: 30px;
 164                   height: 36px;
 165                   margin:3px;
 166                   display:inline-block;
 167                   width: 43%;
 168                   border-radius: 2px;
 169                   border: 1px solid @portalLGray;
 170                   background: @portalWhite;
 171                   vertical-align: middle;
 172                   white-space: nowrap;
 173                   .dGray14r;
 174           }
 175           .json-field{
 176                         position: relative;
 177                 .custom-input-field;
 178                 height:80px;
 179                   }
 180            .left-test-item{
 181                 display: inline-block;
 182                 width: 85%;
 183                 background: @portalWhite;
 184               }
 185
 186           .right-test-item{
 187                 position: relative;
 188                 display: inline-block;
 189                 width: 15%;
 190                 float: right;
 191               }
 192
 193           .test-button {
 194                           .btn-blue;
 195                   }
 196           .para-item-right{
 197                     margin-top: -27px;
 198                     position: absolute;
 199                     margin-left: 500px;
 200           }
 201               .input-field{
 202                 .custom-input-field;
 203                 width: 100%;
 204                }
 205                .textarea-field{
 206                 position: relative;
 207                 .custom-input-field;
 208                 height:50px;
 209             }
 210                .submit-button {
 211                  margin-top: 25px;
 212                          position: relative;
 213                          float: right;
 214                          width: 20%;
 215                         .btn-blue;
 216                   }
 217
 218                  .modal.fade.in{
 219                  overflow:hidden;
 220                  }
 221
 222                   .add-para-button{
 223                         height: 14px;
 224                         width: 14px;
 225                         float: right;
 226                   }
 227                   .item-label{
 228                 .dGray14r;
 229           }
 230             }
 231         }
 232 }
 233 .microservice-scrolling-table{
 234 //      width: 548px;
 235     margin-left: 16px;
 236     height: 450px;
 237     overflow: auto;
 238     margin-right: -29px;
 239 }
 240 #microservice-scroll-end{
 241         height: 20px;
 242 }