catalog-ui/src/app/directives/graphs-v2/composition-graph/composition-graph.less

   1 composition-graph {
   2   display: block;
   3    height:100%;
   4    width: 100%;
   5
   6   .sdc-composition-graph-wrapper{
   7     height:100%;
   8     width: 100%;
   9
  10     &.with-sidebar {
  11       width: calc(~'100% - 300px');
  12     }
  13   }
  14
  15   .view-only{
  16     background-color:rgb(248, 248, 248);
  17   }
  18
  19   .sdc-canvas-zones__wrapper {
  20     position: absolute;
  21     bottom: 10px;
  22     right: 12px;
  23     display:flex;
  24     transition: right 0.2s;
  25
  26     &.with-sidebar {
  27       right:310px;
  28     }
  29
  30     ng2-zone-container {
  31       display:flex;
  32       margin-left: 10px;
  33     }
  34   }
  35
  36
  37   .group-tagging {
  38     cursor: url("../../../../assets/styles/images/canvas-tagging-icons/group_1.svg"), pointer;
  39   }
  40   .group-tagging-hover {
  41     cursor: url("../../../../assets/styles/images/canvas-tagging-icons/group_2.svg"), pointer;
  42   }
  43   .policy-tagging {
  44     cursor: url("../../../../assets/styles/images/canvas-tagging-icons/policy_1.svg"), pointer;
  45   }
  46   .policy-tagging-hover {
  47     cursor: url("../../../../assets/styles/images/canvas-tagging-icons/policy_2.svg"), pointer;
  48   }
  49
  50 }