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

   1 .application-details-modal {
   2   height: 700px;
   3
   4   .title {
   5     //.n18r;
   6     .dGray18r;  //AT&T Dark Gray
   7     border-bottom: @blue-active 3px solid;
   8
   9   }
  10   .app-properties-main{
  11     padding-left: 16px;
  12     padding-top: 16px;
  13     padding-bottom: 16px;
  14     height: 630px;
  15     overflow-y: auto;
  16
  17
  18     .left-container{
  19       display: inline-block;
  20       width: 48%;
  21
  22     }
  23     .right-container{
  24       display: inline-block;
  25       width: 48%;
  26       float: right;
  27           margin-right:10px;
  28
  29     }
  30
  31     .property{
  32       position: relative;
  33       margin-bottom: 18px;
  34       .property-label{
  35         .dGray14r;
  36       }
  37       .checkbox-label{
  38         display: inline-block;
  39         padding-left: 3px;
  40       }
  41       .checkbox-field{
  42         padding: 0;
  43         margin: 0;
  44         vertical-align: middle;
  45         position: relative;
  46         top: -1px;
  47       }
  48       .preview{
  49         width: 220px;
  50         margin-top: 22px;
  51         display: block;
  52
  53         .left-label{
  54           display:inline-block;
  55           float: left;
  56         }
  57         .remove{
  58           cursor: pointer;
  59           display: inline-block;
  60           float: right;
  61           .blue14r;
  62         }
  63       }
  64
  65       .input-field{
  66         .custom-input-field;
  67         width: 220px;
  68       }
  69
  70       .input-file-field{
  71         width: 220px;
  72         border: 0px solid #d2d2d2;
  73                 box-shadow: 0px 0px 2px -2px rgba(0, 0, 0, 0.08) inset;
  74                 padding-left: 2px;
  75       }
  76       .select-field {
  77         .custom-select-field;
  78       }
  79
  80       .image-preview{
  81         background: @funcBkgGray;
  82         background-size: cover;
  83         width: 220px;
  84         height: 184px;
  85         margin-top: 10px;
  86         border: 2px solid #e8e8e8;
  87         border-radius: 4px;
  88       }
  89
  90       .error-container{
  91         position: absolute;
  92         width: 220px;
  93         display: block;
  94         height: 12px;
  95         line-height: 12px;
  96
  97         .err-message{
  98           color: @funcRed;
  99           font-size: 10px;
 100         }
 101       }
 102     }
 103
 104   }
 105
 106 }