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

   1 .workspace-hierarchy {
   2     display: inline-block;
   3     width: 93%;
   4
   5     .scrollbar-container{
   6         max-height:400px;
   7         .perfect-scrollbar;
   8     }
   9
  10     .dropdown-container {
  11         position: relative;
  12         display: inline-block;
  13         width: 100%;
  14
  15         &:after{
  16             top: 47%;
  17             right: 1%;
  18             border: solid transparent;
  19             content: " ";
  20             height: 0;
  21             width: 0;
  22             position: absolute;
  23             pointer-events: none;
  24             border-color: rgba(0, 0, 0, 0);
  25             border-top-color: black;
  26             border-width: 4px;
  27             margin-left: -4px;
  28         }
  29
  30         .dropdown-input-text {
  31             width: 100%;
  32             padding: 4px 10px;
  33         }
  34
  35         .dropdown-content {
  36             .perfect-scrollbar;
  37             border: 1px solid #d8d8d8;
  38             display: none;
  39             position: absolute;
  40             overflow: hidden;
  41             width: 100%;
  42             .bg_c;
  43             max-height: 400px;
  44             z-index: 999999;
  45
  46             .dropdown-option {
  47                 border-bottom: 1px solid #d8d8d8;
  48                 display: inline-block;
  49                 width: 100%;
  50             }
  51
  52             .category-container{
  53                 width: 250px;
  54                 float: left;
  55                 padding-left: 5px;
  56
  57                 .category {
  58                     .bold;
  59                     padding: 3px 3px 2px 3px;
  60                     &:after{
  61                         .sprite;
  62                         .arrow-left;
  63                         content: '';
  64                         margin-left: 5px;
  65                         transform: rotate(180deg);
  66                     }
  67                 }
  68                 .subcategory {
  69                     padding-left: 3px;
  70                 }
  71             }
  72
  73             .groupings-container{
  74                 display: inline-block;
  75                 width: 424px;
  76                 border-left: 1px solid #d8d8d8;
  77                 min-height: 55px;
  78                 .group{
  79                     padding: 3px 3px 3px 10px;
  80                     &:hover{
  81                         .hand;
  82                         .bg_n;
  83                     }
  84                     &.disabled-group {
  85                         opacity: 0.5;
  86                         &:hover{
  87                             cursor: auto;
  88                             .bg_c;
  89                         }
  90                     }
  91                 }
  92             }
  93
  94             .seperator {
  95                 height: 1px;
  96                 width: 100%;
  97                 .bg_j;
  98                 margin: 5px 0px;
  99             }
 100         }
 101         .show {
 102             display: block;
 103         }
 104     }
 105
 106     .hierarchy-groups-container{
 107         .b_9;
 108         width: 100%;
 109         border: 1px solid #d8d8d8;
 110         height: 425px;
 111         padding: 15px;
 112         text-align: center;
 113
 114         .scrollbar-container {
 115             z-index: 0;
 116         }
 117
 118         .no-group-text{
 119             text-align: center;
 120             margin-top:25px;
 121             a {
 122                 cursor: pointer;
 123             }
 124         }
 125         .group-tag{
 126             display: inline-block;
 127             float: left;
 128         }
 129     }
 130 }