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

   1 .functionalMenu-details-modal {
   2   height: 430px;
   3
   4   input:not([type="button"]) {
   5     height: 13px;
   6         }
   7
   8   .title {
   9     //.n18r;
  10     .dGray18r;  //AT&T Dark Gray
  11     border-bottom: @blue-active 3px solid;
  12
  13   }
  14 .btn-group {
  15     display: table-cell;
  16     max-width: 250px;
  17   min-width: 290px;
  18    background-color: #f2f2f2;
  19   }
  20   .btn-medium{
  21     width:168px;
  22   }
  23
  24
  25
  26   .dropdown-menu-medium{
  27     width:236px;
  28     max-height: 200px;
  29     overflow-y: auto;
  30   }
  31
  32   .functionalMenu-properties-main {
  33     padding: 16px;
  34     height: 306px;
  35     overflow-y: visible;
  36
  37     .item{
  38       position: relative;
  39       margin-bottom: 18px;
  40
  41       .input-field{
  42         .custom-input-field;
  43         width: 100%;
  44         &.url{
  45           width: 78%;
  46           display: inline-block;
  47         }
  48       }
  49
  50       .select-field {
  51         .custom-select-field;
  52       }
  53
  54       .item-label{
  55         .dGray14r;
  56       }
  57
  58       .right-item{
  59         position: relative;
  60         display: inline-block;
  61         width: 48%;
  62         float: right;
  63       }
  64       .left-item{
  65         display: inline-block;
  66         width: 48%;
  67       }
  68
  69       .url-validation-button{
  70         .btn-blue;
  71         width: 20%;
  72         display: inline-block;
  73         float: right;
  74       }
  75
  76       .error-container{
  77         position: absolute;
  78         width: 220px;
  79         display: block;
  80         height: 12px;
  81         line-height: 12px;
  82
  83         .err-message{
  84           color: @funcRed;
  85           font-size: 9px;
  86         }
  87         .valid-message{
  88           color: @funcGreen;
  89           font-size: 9px;
  90         }
  91       }
  92
  93     }
  94
  95   }
  96
  97 }