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;  //AT&T Dark Gray
   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             }
  43                 .add-para-item{
  44                         position: relative;
  45                 .add-label-left{
  46                           line-height: 25px;
  47                   height: 30px;
  48                   vertical-align: middle;
  49                   display:inline-block;
  50
  51                   margin-right: 10px;
  52                   background: @portalWhite;
  53                           .dGray14r;
  54                    }
  55                    .add-label-right{
  56                           height: 14px;
  57                           width: 14px;
  58                   display:inline-block;
  59                    }
  60                 }
  61                 .item{
  62               position: relative;
  63               margin-bottom: 15px;
  64               width:400px;
  65               .service-select{
  66                           select{
  67                                 cursor: pointer;
  68                             position: relative;
  69                             border: 1px solid #5a5a5a;
  70                             white-space: nowrap;
  71                             overflow: hidden;
  72                             text-overflow: ellipsis;
  73                             line-height: 15px;
  74                             height: 32px;
  75                             padding-left: 10px;
  76                             padding-right: 10px;
  77                         border-radius: 0px;
  78                           }
  79                   display:inline-block;
  80                   width: 100%;
  81           }
  82           .error-container{
  83                 position: absolute;
  84                 width: 280px;
  85                 display: block;
  86                 height: 12px;
  87                 line-height: 12px;
  88
  89                 .err-message{
  90                   color: @funcRed;
  91                   font-size: 9px;
  92                 }
  93                 .valid-message{
  94                   color: @funcGreen;
  95                   font-size: 9px;
  96                 }
  97               }
  98               .auth-item-left{
  99                   padding-top: 0;
 100                   line-height: 30px;
 101                   height: 30px;
 102                   vertical-align: middle;
 103                   display:inline-block;
 104                   width: 15%;
 105                   //border-radius: 2px;
 106                   //border: 1px solid @portalLGray;
 107                   margin-right: 10px;
 108                   background: @portalWhite;
 109                   white-space: nowrap;
 110                           .dGray14r;
 111           }
 112           .auth-item-right{
 113                   display:inline-block;
 114                   width: 45%;
 115                   border-radius: 2px;
 116                   border: 1px solid @portalLGray;
 117                   background: @portalWhite;
 118                   vertical-align: middle;
 119           }
 120           .para-label-item-left{
 121                   line-height: 30px;
 122                   height: 30px;
 123                   vertical-align: middle;
 124                   display:inline-block;
 125                   width: 45%;
 126                   margin-right: 10px;
 127                   background: @portalWhite;
 128                   white-space: nowrap;
 129                           .dGray14r;
 130           }
 131           .para-label-item-right{
 132                   line-height: 30px;
 133                   height: 30px;
 134                   display:inline-block;
 135                   width: 45%;
 136                   background: @portalWhite;
 137                   vertical-align: middle;
 138                   white-space: nowrap;
 139                   .dGray14r;
 140           }
 141            .para-item-left{
 142                   line-height: 30px;
 143                   height: 36px;
 144                   margin:3px;
 145                   vertical-align: middle;
 146                   display:inline-block;
 147                   width: 43%;
 148                   border-radius: 2px;
 149                   border: 1px solid @portalLGray;
 150                   margin-right: 10px;
 151                   background: @portalWhite;
 152                   white-space: nowrap;
 153                           .dGray14r;
 154           }
 155           .para-item-middle{
 156                   line-height: 30px;
 157                   height: 36px;
 158                   margin:3px;
 159                   display:inline-block;
 160                   width: 43%;
 161                   border-radius: 2px;
 162                   border: 1px solid @portalLGray;
 163                   background: @portalWhite;
 164                   vertical-align: middle;
 165                   white-space: nowrap;
 166                   .dGray14r;
 167           }
 168           .json-field{
 169                         position: relative;
 170                 .custom-input-field;
 171                 height:80px;
 172                   }
 173            .left-test-item{
 174                 display: inline-block;
 175                 width: 85%;
 176                 background: @portalWhite;
 177               }
 178
 179           .right-test-item{
 180                 position: relative;
 181                 display: inline-block;
 182                 width: 15%;
 183                 float: right;
 184               }
 185
 186           .test-button {
 187                           .btn-blue;
 188                   }
 189           .para-item-right{
 190                   margin-top: 10px;
 191                   height: 14px;
 192                   width: 14px;
 193                   float: right;
 194                   display:inline-block;
 195           }
 196               .input-field{
 197                 .custom-input-field;
 198                 width: 100%;
 199                }
 200                .textarea-field{
 201                 position: relative;
 202                 .custom-input-field;
 203                 height:50px;
 204             }
 205                .submit-button {
 206                  margin-top: 25px;
 207                          position: relative;
 208                          float: right;
 209                          width: 20%;
 210                         .btn-blue;
 211                   }
 212
 213
 214
 215                   .add-para-button{
 216                         height: 14px;
 217                         width: 14px;
 218                         float: right;
 219                   }
 220                   .item-label{
 221                 .dGray14r;
 222           }
 223             }
 224         }
 225 }
 226 .microservice-scrolling-table{
 227         width: 548px;
 228     margin-left: 16px;
 229     height: 430px;
 230     overflow: auto;
 231 }
 232 #microservice-scroll-end{
 233         height: 20px;
 234 }