ecomp-portal-FE/client/app/views/functionalMenu/functionalMenu-dialog/modal-details.modal.less

   1 /*-
   2  * ================================================================================
   3  * eCOMP Portal
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ================================================================================
  19  */
  20  .functionalMenu-details-modal {
  21   height: 430px;
  22
  23   .title {
  24     .n18r;
  25     border-bottom: @a 3px solid;
  26
  27   }
  28
  29   .btn-medium{
  30     width:216px;
  31   }
  32   .dropdown-menu-medium{
  33     width:236px;
  34     max-height: 200px;
  35     overflow-y: auto;
  36   }
  37
  38   .functionalMenu-properties-main {
  39     padding: 16px;
  40     height: 306px;
  41     overflow-y: visible;
  42
  43     .item{
  44       position: relative;
  45       margin-bottom: 18px;
  46
  47       .input-field{
  48         .custom-input-field;
  49         width: 100%;
  50         &.url{
  51           width: 78%;
  52           display: inline-block;
  53         }
  54       }
  55
  56       .select-field {
  57         .custom-select-field;
  58       }
  59
  60       .item-label{
  61         .o14r;
  62       }
  63
  64       .right-item{
  65         position: relative;
  66         display: inline-block;
  67         width: 48%;
  68         float: right;
  69       }
  70       .left-item{
  71         display: inline-block;
  72         width: 48%;
  73       }
  74
  75       .url-validation-button{
  76         .btn-blue;
  77         width: 20%;
  78         display: inline-block;
  79         float: right;
  80       }
  81
  82       .error-container{
  83         position: absolute;
  84         width: 220px;
  85         display: block;
  86         height: 12px;
  87         line-height: 12px;
  88
  89         .err-message{
  90           color: red;
  91           font-size: 9px;
  92         }
  93         .valid-message{
  94           color: green;
  95           font-size: 9px;
  96         }
  97       }
  98
  99     }
 100
 101   }
 102
 103 }