summaryrefslogtreecommitdiffstats
path: root/dox-sequence-diagram-ui/src/main/webapp/res/ecomp/asdc/sequencer/sequencer-controls.scss
blob: 68256b9c3e71167a3781bd67de3408473904ab1f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
.asdcs-control {

  // Input /////////////////////////////////////////////////////////////////////////////////////////

  input.asdcs-editable {
    border: 1px solid $asdcsInputTextBorderColor;
    border-radius: $asdcsInputTextBorderRadius;
    padding: 3px 5px;
    height: $asdcsInputTextHeight;
    width: calc(100% - 10px);
    color: $asdcsInputTextColor;
    background-color: $asdcsColorWhite;
    &:focus {
      border: 1px solid $asdcsInputTextBorderFocusColor;
      background-color: $asdcsColorWhitish;
    }
  }

  // Select ////////////////////////////////////////////////////////////////////////////////////////

  .asdcs-editable-select {
    outline: none;
    border-radius: $asdcsInputSelectBorderRadius;
    border: 1px solid $asdcsInputSelectBorderColor;
    height: $asdcsInputSelectHeight;
    div {
      border-radius: $asdcsInputSelectBorderRadius;
    }
    * {
      line-height: initial;
      text-align: initial;
      font-size: $asdcsInputSelectFontSize;
    }
    .Select-menu-outer {
      .Select-option {
        padding: 4px;
        .is-selected {
          background-color: $asdcsColorOneLight;
        }
      }
    }
    .Select-value {
      height: $asdcsInputSelectHeight - 4px;
      padding-left: 5px;
    }
    .Select-input {
      border: none;
      height: 1px;
      line-height: 1px;
    }
    .Select-control {
      box-shadow: none;
      border: none;
    }
    .Select-control, .Select-placeholder {
      border: none;
      height: $asdcsInputSelectHeight - 4px;
    }
    .Select-placeholder {
      padding-left: 4px;
    }
    .Select-arrow-zone {
      text-align: center;
      overflow: hidden;
      padding-top: 4px;
    }
    &.is-focused {
      .Select-control {
      }
    }
  }
}