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

   1 .asdcs-control {
   2
   3   // Input /////////////////////////////////////////////////////////////////////////////////////////
   4
   5   input.asdcs-editable {
   6     border: 1px solid $asdcsInputTextBorderColor;
   7     border-radius: $asdcsInputTextBorderRadius;
   8     padding: 3px 5px;
   9     height: $asdcsInputTextHeight;
  10     width: calc(100% - 10px);
  11     color: $asdcsInputTextColor;
  12     background-color: $asdcsColorWhite;
  13     &:focus {
  14       border: 1px solid $asdcsInputTextBorderFocusColor;
  15       background-color: $asdcsColorWhitish;
  16     }
  17   }
  18
  19   // Select ////////////////////////////////////////////////////////////////////////////////////////
  20
  21   .asdcs-editable-select {
  22     outline: none;
  23     border-radius: $asdcsInputSelectBorderRadius;
  24     border: 1px solid $asdcsInputSelectBorderColor;
  25     height: $asdcsInputSelectHeight;
  26     div {
  27       border-radius: $asdcsInputSelectBorderRadius;
  28     }
  29     * {
  30       line-height: initial;
  31       text-align: initial;
  32       font-size: $asdcsInputSelectFontSize;
  33     }
  34     .Select-menu-outer {
  35       .Select-option {
  36         padding: 4px;
  37         .is-selected {
  38           background-color: $asdcsColorOneLight;
  39         }
  40       }
  41     }
  42     .Select-value {
  43       height: $asdcsInputSelectHeight - 4px;
  44       padding-left: 5px;
  45     }
  46     .Select-input {
  47       border: none;
  48       height: 1px;
  49       line-height: 1px;
  50     }
  51     .Select-control {
  52       box-shadow: none;
  53       border: none;
  54     }
  55     .Select-control, .Select-placeholder {
  56       border: none;
  57       height: $asdcsInputSelectHeight - 4px;
  58     }
  59     .Select-placeholder {
  60       padding-left: 4px;
  61     }
  62     .Select-arrow-zone {
  63       text-align: center;
  64       overflow: hidden;
  65       padding-top: 4px;
  66     }
  67     &.is-focused {
  68       .Select-control {
  69       }
  70     }
  71   }
  72 }