catalog-ui/src/app/ng2/components/logic/hierarchy-navigtion/hierarchy-navigation.component.less

   1 @import './../../../../../assets/styles/mixins.less';
   2
   3 .navigation-wrapper {
   4     text-align: left;
   5 }
   6
   7 .node-item {
   8     border: 1px dotted;
   9     border-right: none;
  10     border-bottom: none;
  11     width: 100%;
  12 }
  13
  14 .node-item:last-child {
  15     border-left: none;
  16 }
  17
  18 .node-data-wrapper {
  19     cursor: default;
  20     height: 39px;
  21     line-height: 39px;
  22     position: relative;
  23     top: -20px;
  24     background-color: white;
  25     margin-left: 0.7em;
  26 }
  27
  28 .children-node {
  29     padding-left: 40px;
  30 }
  31
  32 .node-data {
  33     margin-left: 10px;
  34     margin-right: 10px;
  35     align-items: center;
  36     display: block;
  37     overflow: hidden;
  38     text-overflow: ellipsis;
  39     white-space: nowrap;
  40     max-width: 300px;
  41     .archive-label{
  42         margin-left: 5px;
  43     }
  44 }
  45
  46 .node-data-icon {
  47     vertical-align: middle;
  48     margin-right: 7px;
  49
  50     &.defaulticon.small {
  51         background-color: #999;
  52         border-radius: 14px;
  53     }
  54 }
  55
  56 .node-data-wrapper.selected {
  57     background-color: #e6f6fb;
  58
  59     .node-data {
  60         color:  #009fdb;
  61     }
  62 }
  63
  64 .node-data-wrapper:hover {
  65     background-color: #eaeaea;
  66 }
  67
  68 .mark{
  69     background-color: yellow;
  70 }
  71
  72
  73
  74 .icon-group {
  75     .square-icon();
  76     background-color: @main_color_a;
  77
  78     &::before {
  79         content: "G";
  80     }
  81 }
  82 .icon-policy {
  83     .square-icon();
  84     background-color: @main_color_r;
  85
  86     &::before {
  87         content: "P";
  88     }
  89 }
  90