blob: eb0fe79ea6963e51a5beb5488718c77bf4f7b79c [file] [log] [blame]
AviZi280f8012017-06-09 02:39:56 +03001.disabled {
Einav Weiss Keidar1801b242018-08-13 16:19:46 +03002 .Select-control {
3 background-color: $tlv-light-gray;
4 .Select-placeholder {
5 color: $dark-gray;
6 }
7 }
AviZi280f8012017-06-09 02:39:56 +03008}
9
Michael Landoefa037d2017-02-19 12:57:33 +020010.input-options {
Einav Weiss Keidar1801b242018-08-13 16:19:46 +030011 display: flex;
12 border: 1px solid $light-gray;
13 border-radius: 2px;
Michael Landoefa037d2017-02-19 12:57:33 +020014 height: 30px;
Einav Weiss Keidar1801b242018-08-13 16:19:46 +030015 &:hover {
16 border-color: $gray;
17 }
18 .input-options-select {
19 float: left;
20 border: none;
21 transition-property: width;
22 transition-duration: 300ms;
23 padding-top: 0px;
24 padding-bottom: 0px;
25 height: 28px;
26 }
27
28 .input-options-other {
29 float: left;
30 height: 30px;
31 border: none;
32 padding-top: 0px;
33 padding-bottom: 0px;
34 height: 28px;
35 }
36 .input-options-separator {
37 width: 1px;
38 height: 24px;
39 margin-top: 2px;
40 margin-bottom: 2px;
41 border: 1px solid $light-gray;
42 }
Michael Landoefa037d2017-02-19 12:57:33 +020043}
44
45.input-options.has-error {
Einav Weiss Keidar1801b242018-08-13 16:19:46 +030046 border-color: $crimson;
Michael Landoefa037d2017-02-19 12:57:33 +020047}
48
AviZi280f8012017-06-09 02:39:56 +030049.bootstrap-input-options {
Einav Weiss Keidar1801b242018-08-13 16:19:46 +030050 display: flex;
51 flex-direction: column;
52 .input-options-select {
53 border: 1px solid $light-gray;
54 border-radius: 2px;
55 height: 30px;
56 float: left;
57 transition-property: width;
58 transition-duration: 300ms;
59 padding-top: 0;
60 padding-bottom: 0;
61 width: 100%;
62 &:hover {
63 border-color: $gray;
64 }
65 }
66 .input-options-other {
67 float: left;
68 height: 30px;
69 border: none;
70 padding-top: 0;
71 padding-bottom: 0;
72 height: 28px;
73 }
74 .input-options-separator {
75 width: 1px;
76 height: 24px;
77 margin-top: 2px;
78 margin-bottom: 2px;
79 border: 1px solid $light-gray;
80 }
81 &.has-error {
82 border-color: $crimson;
83 }
AviZi280f8012017-06-09 02:39:56 +030084}