catalog-ui/src/app/view-models/modals/email-modal/email-modal.less

   1 .w-sdc-modal-email {
   2
   3     .w-sdc-modal-body {
   4         border-bottom: none;
   5     }
   6
   7     form.w-sdc-form{
   8         padding: 0;
   9
  10         .i-sdc-form-item {
  11             clear: both;
  12             label {
  13                 min-height: 30px;
  14                 padding-top: 4px;
  15             }
  16
  17             .col-sm-10 {
  18                 padding-right: 0;
  19             }
  20
  21         }
  22
  23         .w-sdc-modal-body-email {
  24             border-style: solid;
  25             border-width: 1px;
  26             border-color:  @color_e;
  27             box-sizing: border-box;
  28             width: 100%;
  29             height: 127px;
  30             margin-bottom: 20px;
  31         }
  32
  33         label {.m_14_m; text-align: left;}
  34         input {.m_14_r;}
  35         textarea {.m_14_r;}
  36         /* I made the subject and to fields as input (for future use), but for now they look like labels: */
  37         input:disabled {
  38             .bg_c;
  39             border: none;
  40         }
  41     }
  42
  43     .w-sdc-modal-action {
  44         background-color: @main_color_p;
  45         padding: 0 13px 0 0;
  46         height: 90px;
  47         line-height: 65px;
  48
  49         button {width: 174px;}
  50     }
  51
  52     .w-sdc-form .i-sdc-form-item label.required::before {
  53         position: absolute;
  54         left: -13px;
  55     }
  56
  57 }