ecomp-portal-FE/client/app/views/widgets/widget-details-dialog/widget-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  .widget-details-modal {
  21   height: 430px;
  22
  23   .title {
  24     .n18r;
  25     border-bottom: @a 3px solid;
  26
  27   }
  28
  29   .widget-properties-main {
  30     padding: 16px;
  31     height: 306px;
  32     overflow-y: auto;
  33
  34     .item{
  35       position: relative;
  36       margin-bottom: 18px;
  37
  38       .input-field{
  39         .custom-input-field;
  40         width: 100%;
  41         &.url{
  42           width: 78%;
  43           display: inline-block;
  44         }
  45       }
  46
  47       .select-field {
  48         .custom-select-field;
  49       }
  50
  51       .item-label{
  52         .o14r;
  53       }
  54
  55       .right-item{
  56         position: relative;
  57         display: inline-block;
  58         width: 48%;
  59         float: right;
  60       }
  61       .left-item{
  62         display: inline-block;
  63         width: 48%;
  64       }
  65
  66       .url-validation-button{
  67         .btn-blue;
  68         width: 20%;
  69         display: inline-block;
  70         float: right;
  71       }
  72
  73       .error-container{
  74         position: absolute;
  75         width: 280px;
  76         display: block;
  77         height: 12px;
  78         line-height: 12px;
  79
  80         .err-message{
  81           color: red;
  82           font-size: 9px;
  83         }
  84         .valid-message{
  85           color: green;
  86           font-size: 9px;
  87         }
  88       }
  89
  90     }
  91
  92   }
  93
  94 }