workflow-designer-ui/src/main/frontend/resources/scss/features/_composition.scss

   1 .composition-view {
   2         display: flex;
   3         width: 100%;
   4
   5         .bpmn-container {
   6                 flex-basis: 100%;
   7                 flex-grow: 1
   8         }
   9         .bpmn-sidebar {
  10                 background-color: $light-silver;
  11                 height: 100%;
  12                 width: 320px;
  13                 height: 100%;
  14                 label {
  15                         @include body-1;
  16                 }
  17                 .group-label {
  18                         @include heading-4-emphasis;
  19                         font-size: 110%;
  20                 }
  21                 .properties-panel {
  22                         background-color: $light-silver;
  23                         max-height: 888px;
  24                         overflow-y: auto;
  25                         &, .bpp-properties-panel {
  26                                 background-color: $light-silver;
  27                                 #camunda-activitySelect-select {
  28                                         &.invalid {
  29                                                 border-color: $camunda-panel-error-border-color;
  30                                                 background-color: $camunda-panel-error-background-color;
  31                                         }
  32                                 }
  33                         }
  34                 }
  35                 .composition-buttons {
  36                         position: fixed;
  37                         background-color: $light-silver;
  38                         left: 265px;
  39                         bottom: 46px;
  40                         border: 1px solid $light-gray;
  41                         width: 189px;
  42                         display: flex;
  43                         flex-direction: row;
  44                         justify-content: space-around;
  45                         height: 57px;
  46                         align-items: center;
  47                         padding: 10px;
  48                         .divider {
  49                                 height: 35px;
  50                         border: 1px solid $light-gray;
  51                         }
  52                         .diagram-btn {
  53
  54                                 &:hover {
  55                                         fill: $blue;
  56                                         cursor: pointer;
  57                                 }
  58                                 &.disabled {
  59                                         fill: $gray;
  60                                 }
  61                                 .svg-icon {
  62                                         width: 25px;
  63                                     height: 23px;
  64                                 }
  65                         }
  66                 }
  67         }
  68 }