catalog-ui/app/scripts/directives/file-upload/file-upload.less

   1 .i-sdc-form-file-upload {
   2
   3     display: flex;
   4     margin-top: 0;
   5     width: 100%;
   6     .p_1;
   7     .bg_c;
   8     .border-radius(2px);
   9     border: solid 1px @border_color_f;
  10     height: 30px;
  11
  12     input[type="file"] {
  13         cursor: inherit;
  14         display: block;
  15         filter: alpha(opacity=0);
  16         width: 100px;
  17         height: 30px;
  18         opacity: 0;
  19         position: absolute;
  20         right: 0;
  21         text-align: right;
  22         top: 0;
  23     }
  24
  25     .i-sdc-form-file-name{
  26         flex-grow: 999;
  27         text-align: left;
  28         padding: 3px 10px;
  29         opacity: 0.6;
  30         width: 80%;
  31         text-overflow: ellipsis;
  32         white-space: nowrap;
  33         overflow: hidden;
  34
  35     }
  36
  37     .i-sdc-form-file-upload-x-btn{
  38         flex-grow: 1;
  39         .sprite;
  40         .sprite.small-x-btn-black;
  41         cursor: pointer;
  42         top: 10px;
  43         right: 9px;
  44         width: 10px;
  45         position: relative;
  46     }
  47     .i-sdc-form-file-upload-label {
  48         float: right;
  49         width: 100px;
  50         height: 100%;
  51         .bg_n;
  52         .b_9;
  53
  54         .file-upload-browse-btn {
  55             .noselect;
  56             padding: 4px 6px;
  57             cursor: pointer;
  58             z-index: 999;
  59             position: absolute;
  60             width: 100px;
  61             height: 28px;
  62             text-align: center;
  63
  64             &.disabled {
  65                 cursor: default;
  66             }
  67         }
  68     }
  69
  70     &.error {
  71         border-color: #da1f3d;
  72         outline: none;
  73         box-sizing: border-box;
  74     }
  75 }