catalog-ui/src/app/view-models/workspace/tabs/general/general.less

   1 .sdc-workspace-general-step {
   2     display: flex;
   3     .w-sdc-form {
   4         padding: 0;
   5         flex-grow: 10;
   6         .i-sdc-form-file-upload{
   7             input[type="button"] {
   8                 cursor: pointer;
   9                 display: block;
  10                 filter: alpha(opacity=0);
  11                 width: 100px;
  12                 height: 30px;
  13                 opacity: 0;
  14                 position: absolute;
  15                 right: 0;
  16                 text-align: right;
  17                 top: 0;
  18             }
  19
  20             .file-upload-browse-btn {
  21                 .noselect;
  22                 .bg_n;
  23                 padding: 4px 6px;
  24                 cursor: pointer;
  25                 z-index: 999;
  26                 width: 100px;
  27                 height: 28px;
  28                 text-align: center;
  29
  30                 &.disabled {
  31                     cursor: default;
  32                 }
  33             }
  34         }
  35
  36         .description{
  37             height: 300px;
  38         }
  39
  40         .i-sdc-form-item.description-field{
  41             margin-bottom: 0;
  42         }
  43
  44         .w-sdc-form-section-container {
  45             text-align: center;
  46         }
  47
  48         .i-sdc-form-item {
  49             &.upload {
  50                 margin-top: 0;
  51                 width: auto;
  52                 padding: 10px;
  53             }
  54             margin-bottom: 15px;
  55         }
  56
  57         .i-sdc-form-label {
  58             font-size: 12px;
  59         }
  60
  61         .template-desc {
  62             border: 1px dashed @border_color_f;
  63             height: 130px;
  64             overflow: hidden;
  65             padding: 10px 6px 6px 6px;
  66             margin-top: 10px;
  67         }
  68
  69         .sdc-tag .tag {
  70             max-width: 225px;
  71         }
  72
  73     }
  74
  75     .w-sdc-form-column {
  76         position: relative;
  77     }
  78
  79     .meta-data{
  80         padding: 8px 0 2px 20px;
  81         text-align: left;
  82         background-color: @tlv_color_t;
  83         position: absolute;
  84         bottom: 0;
  85         width: 100%;
  86         .meta-data-item-value{
  87             padding-bottom: 6px;
  88         }
  89     }
  90
  91     .upper-general-fields{
  92         display: flex;
  93     }
  94
  95     .selected-icon-container{
  96         flex-grow: 1;
  97         display: flex;
  98         align-items: center;
  99         .selected-icon-inner-container{
 100             height: 64px;
 101             width: 64px;
 102             margin: 0 auto;
 103         }
 104         .update-component-icon{
 105             position: relative;
 106             float: right;
 107             cursor: pointer;
 108         }
 109         .selected-icon{
 110             position: relative;
 111             top: -20px;
 112             z-index: -1;
 113             &.disable{
 114                 position: inherit;
 115             }
 116         }
 117         &.show-only-on-over{
 118             .update-component-icon{
 119                 display: none;
 120             }
 121             .selected-icon{
 122                 position: inherit;
 123             }
 124             &:hover{
 125                 .update-component-icon{
 126                     display: inline-block;
 127                 }
 128                 .selected-icon{
 129                     position: relative;
 130                 }
 131             }
 132         }
 133     }
 134
 135     .name-and-category-fields{
 136         flex-grow: 5;
 137     }
 138
 139
 140
 141
 142 }
 143
 144