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

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