dox-sequence-diagram-ui/src/main/webapp/res/ecomp/asdc/sequencer/sequencer-actions.scss

   1 .asdcs-control {
   2
   3     .asdcs-actions {
   4
   5         @include drop-shadow();
   6
   7         * {
   8             @include noselect();
   9         }
  10
  11         $asdcsActionMenuWidth: 275px;
  12         $asdcsActionMenuSpanIndent: 20px;
  13
  14         position: fixed;
  15         display: none;
  16         top: 0;
  17         left: 0;
  18
  19         background: $asdcsColorOneLight;
  20         border: 1px solid $asdcsColorWhitish;
  21         border-radius: $asdcsPopupBorderRadius;
  22         width: $asdcsActionMenuWidth;
  23         z-index: 10000;
  24
  25         .asdcs-actions-header {
  26             padding: 5px;
  27             height: 20px;
  28             pointer-events: none;
  29             .asdcs-actions-icon {
  30                 height: $asdcsSmallIconSize;
  31                 width: $asdcsSmallIconSize;
  32                 fill: $asdcsColorTwo;
  33             }
  34         }
  35
  36         .asdcs-actions-footer {
  37             height: 10px;
  38         }
  39
  40         div.asdcs-actions-options {
  41
  42             div.asdcs-actions-state {
  43                 float: right;
  44                 height: $asdcsSmallIconSize;
  45                 width: $asdcsSmallIconSize;
  46                 .asdcs-actions-icon {
  47                     fill: $asdcsColorOneDark;
  48                 }
  49             }
  50
  51             .asdcs-icon-action {
  52                 display: none;
  53                 fill: $asdcsColorOneDark;
  54                 height: 20px;
  55                 width: 20px;
  56             }
  57
  58             span.asdcs-annotation {
  59                 color: $asdcsColorOneDark;
  60             }
  61
  62             .asdcs-actions-option {
  63                 padding: 8px;
  64                 border-top: 1px solid $asdcsColorOne;
  65                 border-collapse: collapse;
  66                 cursor: pointer;
  67                 &:hover {
  68                     background-color: lighten($asdcsColorOneLight, 5%);
  69                     @include transition(background-color $asdcsTransitionTime ease);
  70                 }
  71             }
  72
  73             .asdcs-icon {
  74                 fill: $asdcsColorOneDark;
  75                 &:hover {
  76                     fill: $asdcsColorEmphasisHover;
  77                     @include transition(fill $asdcsTransitionTime ease);
  78                 }
  79             }
  80
  81             .asdcs-actions-optiongroup-occurrence {
  82                 .asdcs-actions-option-occurrence-from,
  83                 .asdcs-actions-option-occurrence-to {
  84                     span.asdcs-label {
  85                         padding-left: $asdcsActionMenuSpanIndent;
  86                     }
  87                 }
  88                 .asdcs-actions-option-occurrence-toggle {
  89                     background-color: $asdcsColorOneLight;
  90                 }
  91             }
  92
  93             .asdcs-actions-optiongroup-fragment {
  94                 .asdcs-actions-fragment-toggle {
  95                     background-color: $asdcsColorOneLight;
  96                 }
  97             }
  98
  99             .asdcs-actions-fragment-operator,
 100             .asdcs-actions-fragment-guard {
 101                 div.asdcs-label {
 102                     display: table-cell;
 103                     width: 100px;
 104                 }
 105                 div.asdcs-value {
 106                     display: table-cell;
 107                     width: 150px;
 108                     input {
 109                         width: 90%;
 110                         border-color: $asdcsColorOne;
 111                     }
 112                     .asdcs-editable-select {
 113                         border: 1px solid $asdcsColorOne;
 114                     }
 115                 }
 116             }
 117         }
 118     }
 119
 120 }