catalog-ui/src/app/ng2/pages/composition/graph/composition-graph.component.less

   1 :host(composition-graph) {
   2   flex: 1;
   3   padding-top: 53px;
   4 }
   5
   6 .composition {
   7   .custom-modal {
   8     /* Hack solution to hide canvas tooltips under modals */
   9     z-index: 20000 !important;
  10   }
  11 }
  12
  13 .sdc-composition-graph-wrapper {
  14   height: 100%;
  15   width: 100%;
  16
  17   &.with-sidebar {
  18     width: calc(~'100% - 300px');
  19   }
  20 }
  21
  22 .view-only {
  23   background-color: rgb(248, 248, 248);
  24 }
  25
  26 .sdc-canvas-zones__wrapper {
  27   position: absolute;
  28   bottom: 10px;
  29   right: 12px;
  30   display: flex;
  31   transition: right 0.2s;
  32
  33   &.with-sidebar {
  34     right: 310px;
  35   }
  36
  37   ng2-zone-container {
  38     display: flex;
  39     margin-left: 10px;
  40   }
  41 }
  42
  43 .group-tagging {
  44   cursor: url("../../../../../assets/styles/images/canvas-tagging-icons/group_1.svg"), pointer;
  45 }
  46
  47 .group-tagging-hover {
  48   cursor: url("../../../../../assets/styles/images/canvas-tagging-icons/group_2.svg"), pointer;
  49 }
  50
  51 .policy-tagging {
  52   cursor: url("../../../../../assets/styles/images/canvas-tagging-icons/policy_1.svg"), pointer;
  53 }
  54
  55 .policy-tagging-hover {
  56   cursor: url("../../../../../assets/styles/images/canvas-tagging-icons/policy_2.svg"), pointer;
  57 }
  58
  59 //Canvas menu
  60 .sdc-composition-menu {
  61   position: absolute;
  62   right: 18px;
  63   top: 53px;
  64   transition: right 0.2s;
  65   display: flex;
  66   flex-direction: column;
  67   align-items: flex-end;
  68   margin-right: 10px;
  69   pointer-events: none;
  70
  71   & > * {
  72     pointer-events: all;
  73   }
  74
  75   &.with-sidebar {
  76     right: 320px;
  77   }
  78
  79   .composition-search {
  80     margin-top: 12px;
  81   }
  82
  83   .zoom-icons {
  84     border: solid 1px #d2d2d2;
  85     border-radius: 2px;
  86     box-shadow: 0px 2px 3.88px 0.12px rgba(0, 0, 0, 0.29);
  87     margin-top: 10px;
  88
  89     /deep/ .svg-icon {
  90       box-sizing: content-box;
  91     }
  92   }
  93 }