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