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

   1 .functionalMenu-details-modal {
   2   //height: 520px;
   3
   4
   5   .title {
   6     //.n18r;
   7     .dGray18r;  //ECOMP Dark Gray
   8    // border-bottom: @blue-active 3px solid;
   9  }
  10
  11  .span6{
  12 padding-top: 10px;
  13  }
  14  .right-item{
  15  padding-top: 10px;
  16
  17  }
  18
  19  .item{
  20   padding-top: 10px;
  21
  22  }
  23 .functionalMenu-height{
  24 height:35px;
  25 width:140%;
  26 font-family:Omnes-ECOMP-W02, Arial;
  27
  28
  29 }
  30
  31  select {
  32     max-width: 150%;
  33     width: 70%;
  34                 }
  35
  36                 .multiple-select{
  37                 width:70%;
  38                 }
  39
  40 .btn-group.open .dropdown-toggle {
  41     -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  42     box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
  43 }
  44 .btn-group {
  45     cursor: pointer;
  46     position: relative;
  47     border: 1px solid #5a5a5a;
  48     white-space: nowrap;
  49     text-overflow: ellipsis;
  50     line-height: 30px;
  51        height: 40px;
  52     padding-left: 10px;
  53     padding-right: 10px;
  54     width: 70%;
  55     min-width:50%;
  56     background-color: #f2f2f2;
  57     }
  58
  59     .btn-group>.btn+.dropdown-toggle{
  60
  61     margin-left: 80px;
  62     padding-top: 10px;
  63     }
  64   .btn-medium{
  65     width:168px;
  66     margin-right: 86px;
  67   }
  68    .caret {
  69     margin-left: 75px;
  70 }
  71 .custom-select-wrap {
  72     width: 86%;
  73    }
  74    .custom-select-wrap::after {
  75        right: 101px;
  76    }
  77
  78   .dropdown-menu-medium{
  79     max-height: 123px;
  80     overflow-y: auto;
  81     z-index: 99999;
  82     padding-left: 8px;
  83     padding-right: 8px;
  84     position: absolute;
  85     top: 39px;
  86     width: 100%;
  87     background: #fff;
  88     border: 1px #d2d2d2 solid;
  89     left: 0px;
  90   }
  91
  92   .functionalMenu-properties-main {
  93     padding: 16px;
  94     height: 359px;
  95     overflow: auto;
  96     input[type=checkbox][disabled]{
  97     height:13px;
  98     }
  99         input[type=checkbox] {
 100             height: 13px !important;
 101         }
 102
 103     .item{
 104       position: relative;
 105       margin-bottom: 18px;
 106
 107       .input-field{
 108         .custom-input-field;
 109         width: 100%;
 110         &.url{
 111           width: 78%;
 112           display: inline-block;
 113         }
 114       }
 115
 116       .select-field {
 117         .custom-select-field;
 118       }
 119
 120       .item-label{
 121         .dGray14r;
 122       }
 123
 124       .right-item{
 125         position: relative;
 126         display: inline-block;
 127         width: 48%;
 128         float: right;
 129       }
 130       .left-item{
 131         display: inline-block;
 132         width: 48%;
 133       }
 134
 135       .url-validation-button{
 136         .btn-blue;
 137         width: 20%;
 138         display: inline-block;
 139         float: right;
 140       }
 141
 142       .error-container{
 143         position: absolute;
 144         width: 220px;
 145         display: block;
 146         height: 12px;
 147         line-height: 12px;
 148
 149         .err-message{
 150           color: @funcRed;
 151           font-size: 9px;
 152         }
 153         .valid-message{
 154           color: @funcGreen;
 155           font-size: 9px;
 156         }
 157
 158       }
 159
 160     }
 161
 162   }
 163  .dialog-control{
 164         position: relative;
 165     bottom: 16px;
 166     float: right;
 167         }
 168 }