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   .hidePaste {
  20     display:none;
  21   }
  22
  23   .sdc-canvas-zones__wrapper {
  24     position: absolute;
  25     bottom: 10px;
  26     right: 12px;
  27     display:flex;
  28     transition: right 0.2s;
  29
  30     &.with-sidebar {
  31       right:310px;
  32     }
  33
  34     ng2-zone-container {
  35       display:flex;
  36       margin-left: 10px;
  37     }
  38   }
  39
  40
  41   .group-tagging {
  42     cursor: url("../../../../assets/styles/images/canvas-tagging-icons/group_1.svg"), pointer;
  43   }
  44   .group-tagging-hover {
  45     cursor: url("../../../../assets/styles/images/canvas-tagging-icons/group_2.svg"), pointer;
  46   }
  47   .policy-tagging {
  48     cursor: url("../../../../assets/styles/images/canvas-tagging-icons/policy_1.svg"), pointer;
  49   }
  50   .policy-tagging-hover {
  51     cursor: url("../../../../assets/styles/images/canvas-tagging-icons/policy_2.svg"), pointer;
  52   }
  53
  54 }