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

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