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

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  *
  37  */
  38 .microservice-add-details-model{
  39         //height: 550px;
  40         //overflow-y: auto;
  41         .title {
  42                 .dGray18r;
  43                 //border-bottom: @blue-active 3px solid;
  44         }
  45         .microservice-details-title {
  46             color: #191919;
  47             font-family: "Omnes-ECOMP-W02", Arial;;
  48             font-size: 24px;
  49             padding-bottom: 15px;
  50             padding-top:30px;
  51             margin-left: 25px;
  52         }
  53         .textAreaDesc{
  54                 padding:10px;
  55         }
  56         .microservice-properties-main {
  57             padding-top: 20px;
  58             padding-left: 20px;
  59             padding-right: 20px;
  60             margin-bottom: 50px;
  61
  62             height: 100%;
  63             width:100%;
  64
  65             .microservice-property{
  66               margin-top: 10px;
  67               position: relative;
  68               .property-label{
  69                 .dGray14r;
  70               }
  71               .checkbox-label{
  72                 display: inline-block;
  73                 padding-left: 3px;
  74               }
  75               .checkbox-field{
  76                 padding: 0;
  77                 margin: 0;
  78                 vertical-align: middle;
  79                 position: relative;
  80                 top: -1px;
  81               }
  82               .checkbox .skin {
  83                                 left: 0px;
  84                                 top: 0px;
  85                         }
  86             }
  87                 .add-para-item{
  88                         position: relative;
  89                 .add-label-left{
  90                           line-height: 25px;
  91                   height: 30px;
  92                   vertical-align: middle;
  93                   display:inline-block;
  94
  95                   margin-right: 10px;
  96                   background: @portalWhite;
  97                           .dGray14r;
  98                    }
  99                    .add-label-right{
 100                           height: 14px;
 101                           width: 14px;
 102                   display:inline-block;
 103                    }
 104                 }
 105                 .item{
 106               position: relative;
 107               margin-bottom: 15px;
 108               width:400px;
 109               .service-select{
 110                           select{
 111                                 cursor: pointer;
 112                             position: relative;
 113                             border: 1px solid #5a5a5a;
 114                             white-space: nowrap;
 115                             overflow: hidden;
 116                             text-overflow: ellipsis;
 117                             line-height: 15px;
 118                             height: 32px;
 119                             padding-left: 10px;
 120                             padding-right: 10px;
 121                         border-radius: 0px;
 122                           }
 123                   display:inline-block;
 124                   width: 100%;
 125           }
 126           .error-container{
 127                 position: absolute;
 128                 width: 280px;
 129                 display: block;
 130                 height: 12px;
 131                 line-height: 12px;
 132
 133                 .err-message{
 134                   color: @funcRed;
 135                   font-size: 9px;
 136                 }
 137                 .valid-message{
 138                   color: @funcGreen;
 139                   font-size: 9px;
 140                 }
 141               }
 142               .auth-item-left{
 143                   padding-top: 0;
 144                   line-height: 30px;
 145                   height: 30px;
 146                   vertical-align: middle;
 147                   display:inline-block;
 148                   width: 15%;
 149                   //border-radius: 2px;
 150                   //border: 1px solid @portalLGray;
 151                   margin-right: 10px;
 152                   background: @portalWhite;
 153                   white-space: nowrap;
 154                           .dGray14r;
 155           }
 156           .auth-item-right{
 157                   display:inline-block;
 158                   width: 45%;
 159                   border-radius: 2px;
 160                   border: 1px solid @portalLGray;
 161                   background: @portalWhite;
 162                   vertical-align: middle;
 163           }
 164           .para-label-item-left{
 165                   line-height: 30px;
 166                   height: 30px;
 167                   vertical-align: middle;
 168                   display:inline-block;
 169                   width: 45%;
 170                   margin-right: 10px;
 171                   background: @portalWhite;
 172                   white-space: nowrap;
 173                           .dGray14r;
 174           }
 175           .para-label-item-right{
 176                                 margin-left: 248px !important;
 177                             position: absolute !important;
 178                             margin-top: -19px !important;
 179                             width: 50% !important;
 180           }
 181
 182        .table-search-fields{
 183                  margin-left: 248px;
 184                     position: absolute;
 185                     margin-top: -36px;
 186
 187                 }
 188            .para-item-left{
 189                   line-height: 30px;
 190                   height: 36px;
 191                   margin:3px;
 192                   vertical-align: middle;
 193                   display:inline-block;
 194                   width: 43%;
 195                   border-radius: 2px;
 196                   border: 1px solid @portalLGray;
 197                   margin-right: 10px;
 198                   background: @portalWhite;
 199                   white-space: nowrap;
 200                           .dGray14r;
 201           }
 202           .para-item-middle{
 203                   line-height: 30px;
 204                   height: 36px;
 205                   margin:3px;
 206                   display:inline-block;
 207                   width: 43%;
 208                   border-radius: 2px;
 209                   border: 1px solid @portalLGray;
 210                   background: @portalWhite;
 211                   vertical-align: middle;
 212                   white-space: nowrap;
 213                   .dGray14r;
 214           }
 215           .json-field{
 216                         position: relative;
 217                 .custom-input-field;
 218                 height:80px;
 219                   }
 220            .left-test-item{
 221                 display: inline-block;
 222                 width: 85%;
 223                 background: @portalWhite;
 224               }
 225
 226           .right-test-item{
 227                 position: relative;
 228                 display: inline-block;
 229                 width: 15%;
 230                 float: right;
 231               }
 232
 233           .test-button {
 234                           .btn-blue;
 235                   }
 236           .para-item-right{
 237                     margin-top: -27px;
 238                     position: absolute;
 239                     margin-left: 500px;
 240           }
 241               .input-field{
 242                 .custom-input-field;
 243                 width: 100%;
 244                }
 245                .textarea-field{
 246                 position: relative;
 247                 .custom-input-field;
 248                 height:50px;
 249             }
 250                .submit-button {
 251                  margin-top: 25px;
 252                          position: relative;
 253                          float: right;
 254                          width: 20%;
 255                         .btn-blue;
 256                   }
 257
 258                  .modal.fade.in{
 259                  overflow:hidden;
 260                  }
 261
 262                   .add-para-button{
 263                         height: 14px;
 264                         width: 14px;
 265                         float: right;
 266                   }
 267                   .item-label{
 268                 .dGray14r;
 269           }
 270             }
 271         }
 272 }
 273 .microservice-scrolling-table{
 274 //      width: 548px;
 275     margin-left: 16px;
 276     height: 450px;
 277     overflow: auto;
 278     margin-right: -29px;
 279 }
 280 #microservice-scroll-end{
 281         height: 20px;
 282 }
 283
 284 #microservice-details-input-endpoint-url{
 285         width:400px !important;
 286 }