src/lib/cwl-svg/plugins/port-drag/style.scss

   1 @import "variables";
   2
   3 // Expectations:
   4 //
   5 .cwl-workflow.__plugin-port-drag {
   6
   7   // Ports that are marked as suggested should be coloured differently and have visible labels
   8   .port.__port-drag-suggestion {
   9     fill: $port-suggested-fill;
  10
  11     .label {
  12       opacity: 1;
  13     }
  14
  15   }
  16
  17   // Port that is marked as a snap choice should have a stroke around it
  18   .port.__port-drag-snap {
  19     stroke: $port-snap-highlight-stroke;
  20     stroke-width: $port-snap-stroke-width;
  21   }
  22
  23   .node.__port-drag-snap {
  24
  25     // Nodes that are parents of snap choice ports should make all port labels on that side visible
  26     &.__port-drag-snap-input .input-port,
  27     &.__port-drag-snap-output .output-port {
  28
  29       .label {
  30         opacity: 1;
  31       }
  32
  33     }
  34   }
  35
  36   // While dragging from a port, hover effects over other elements should not be triggered
  37   // This also prevents zooming in and out using mouse scroll while dragging
  38   &.__port-drag-dragging {
  39     pointer-events: none;
  40   }
  41
  42   .edge.__port-drag-dragging .inner {
  43     stroke: $edge-dragged-stroke !important;
  44     stroke-dasharray: $edge-dragged-dasharray;
  45
  46   }
  47
  48   .ghost {
  49     stroke: $ghost-node-stroke-color;
  50     stroke-width: 2px;
  51
  52     stroke-dasharray: 5 3;
  53     fill: $ghost-node-fill-color;
  54   }
  55
  56 }