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

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