ecomp-portal-FE-common/client/app/views/functionalMenu/functionalMenu-dialog/modal-details.modal.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 .functionalMenu-details-modal {
  39   //height: 520px;
  40
  41
  42   .title {
  43     //.n18r;
  44     .dGray18r;  //ECOMP Dark Gray
  45    // border-bottom: @blue-active 3px solid;
  46  }
  47
  48  .span6{
  49 padding-top: 10px;
  50  }
  51  .right-item{
  52  padding-top: 10px;
  53
  54  }
  55
  56  .item{
  57   padding-top: 10px;
  58
  59  }
  60 .functionalMenu-height{
  61 height:35px;
  62 width:140%;
  63 font-family:Omnes-ECOMP-W02, Arial;
  64
  65
  66 }
  67
  68  select {
  69     max-width: 150%;
  70     width: 70%;
  71                 }
  72
  73                 .multiple-select{
  74                 width:70%;
  75                 }
  76
  77 .btn-group.open .dropdown-toggle {
  78     -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  79     box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
  80 }
  81 .btn-group {
  82     cursor: pointer;
  83     position: relative;
  84     border: 1px solid #5a5a5a;
  85     white-space: nowrap;
  86     text-overflow: ellipsis;
  87     line-height: 30px;
  88        height: 40px;
  89     padding-left: 10px;
  90     padding-right: 10px;
  91     width: 70%;
  92     min-width:50%;
  93     background-color: #f2f2f2;
  94     }
  95
  96     .btn-group>.btn+.dropdown-toggle{
  97
  98     margin-left: 80px;
  99     padding-top: 10px;
 100     }
 101   .btn-medium{
 102     width:168px;
 103     margin-right: 86px;
 104   }
 105    .caret {
 106     margin-left: 75px;
 107 }
 108 .custom-select-wrap {
 109     width: 86%;
 110    }
 111    .custom-select-wrap::after {
 112        right: 101px;
 113    }
 114
 115   .dropdown-menu-medium{
 116     max-height: 123px;
 117     overflow-y: auto;
 118     z-index: 99999;
 119     padding-left: 8px;
 120     padding-right: 8px;
 121     position: absolute;
 122     top: 39px;
 123     width: 100%;
 124     background: #fff;
 125     border: 1px #d2d2d2 solid;
 126     left: 0px;
 127   }
 128
 129   .functionalMenu-properties-main {
 130     padding: 16px;
 131     height: 359px;
 132     overflow: auto;
 133     input[type=checkbox][disabled]{
 134     height:13px;
 135     }
 136         input[type=checkbox] {
 137             height: 13px !important;
 138         }
 139
 140     .item{
 141       position: relative;
 142       margin-bottom: 18px;
 143
 144       .input-field{
 145         .custom-input-field;
 146         width: 100%;
 147         &.url{
 148           width: 78%;
 149           display: inline-block;
 150         }
 151       }
 152
 153       .select-field {
 154         .custom-select-field;
 155       }
 156
 157       .item-label{
 158         .dGray14r;
 159       }
 160
 161       .right-item{
 162         position: relative;
 163         display: inline-block;
 164         width: 48%;
 165         float: right;
 166       }
 167       .left-item{
 168         display: inline-block;
 169         width: 48%;
 170       }
 171
 172       .url-validation-button{
 173         .btn-blue;
 174         width: 20%;
 175         display: inline-block;
 176         float: right;
 177       }
 178
 179       .error-container{
 180         position: absolute;
 181         width: 220px;
 182         display: block;
 183         height: 12px;
 184         line-height: 12px;
 185
 186         .err-message{
 187           color: @funcRed;
 188           font-size: 9px;
 189         }
 190         .valid-message{
 191           color: @funcGreen;
 192           font-size: 9px;
 193         }
 194
 195       }
 196
 197     }
 198
 199   }
 200  .dialog-control{
 201         position: relative;
 202     bottom: 16px;
 203     float: right;
 204         }
 205 }