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