catalog-ui/src/app/ng2/pages/home/home.component.less

   1 @import '../../../../assets/styles/mixins_old';
   2 @import '../../../../assets/styles/sprite';
   3 .w-sdc-left-sidebar-nav {
   4   margin-top: 46px;
   5 }
   6
   7 .w-sdc-main-right-container {
   8   height: 100%;
   9   overflow-y: scroll;
  10 }
  11
  12 .w-sdc-main-right-container-element {
  13   float: left;
  14   height: 217px;
  15   width: 217px;
  16   margin: 10px;
  17   position: relative;
  18 }
  19
  20 .w-sdc-main-right-container-element-details-container {
  21   position: absolute;
  22   top: 165px;
  23   left: 50px;
  24 }
  25
  26 .w-sdc-main-right-container-element-name {
  27   font-weight: bold;
  28 }
  29
  30 .i-sdc-left-sidebar-item{
  31   display: flex;
  32   &.category-title .title-text, sdc-checkbox{
  33     flex-grow: 1;
  34   }
  35   &:not(.category-title).i-sdc-left-sidebar-item-state-count {
  36     line-height: 14px;
  37   }
  38 }
  39
  40
  41 //////////////////////////////Cards////////////////////
  42 .w-sdc-dashboard-card-new {
  43   border: 2px dashed @color_m;
  44   .border-radius(2px);
  45   cursor: pointer;
  46   display: inline-block;
  47   height: 198px;
  48   margin: 11px;
  49   position: relative;
  50   vertical-align: middle;
  51   width: 202px;
  52 }
  53
  54 .w-sdc-dashboard-card-new-content {
  55   display: flex;
  56   justify-content: center;
  57   align-items: center;
  58   flex-direction: column;
  59   height: 100%;
  60 }
  61
  62 .w-sdc-dashboard-card-new-content-plus {
  63   .sprite-new;
  64   .add-icon;
  65   position: relative;
  66   margin-bottom: 20px;
  67
  68   &:after {
  69     .n_14_m;
  70     content: 'ADD';
  71     position: absolute;
  72     top: 25px;
  73     left: -3px;
  74     vertical-align: -50%;
  75   }
  76 }
  77
  78 .w-sdc-dashboard-card-import-content-plus {
  79   .sprite-new;
  80   .import-icon;
  81   position: relative;
  82   margin-bottom: 20px;
  83
  84   &:after {
  85     .n_14_m;
  86     content: 'IMPORT';
  87     position: absolute;
  88     top: 25px;
  89     left: -16px;
  90     vertical-align: -50%;
  91   }
  92 }
  93
  94 .sdc-dashboard-create-element-container,
  95 .sdc-dashboard-import-element-container {
  96
  97   width: 140px;
  98
  99   sdc-button,
 100   sdc-button-file-opener {
 101     padding-bottom: 5px;
 102     &:last-child{
 103       padding-bottom: 0;
 104     }
 105   }
 106
 107   .import-file{
 108     position: relative;
 109     file-opener{
 110       position: absolute;
 111       top: 0;
 112       /deep/ input[type="file"] {
 113           .hand;
 114           filter: alpha(opacity=0);
 115           opacity: 0;
 116           position: absolute;
 117           top: 0;
 118           left: 0;
 119           width: 140px;
 120           height: 36px;
 121       }
 122     }
 123   }
 124 }
 125
 126