1 | @import "../../common/less/common-variables.less";
|
2 | @import "../../common/less/common-mixins.less";
|
3 |
|
4 | .pl-autocomplete {
|
5 | z-index: 1;
|
6 | position: relative;
|
7 |
|
8 | &.in-edition {
|
9 | z-index: 2;
|
10 |
|
11 | .pl-autocomplete-list {
|
12 | z-index: 11;
|
13 | }
|
14 | }
|
15 |
|
16 | .pl-autocomplete-selection {
|
17 | display: none;
|
18 | position: absolute;
|
19 | top: 0;
|
20 | left: 0;
|
21 | width: 100%;
|
22 | color: #C0C0C0;
|
23 | height: 38px;
|
24 | padding: 6px 10px;
|
25 | background-color: #fff;
|
26 | border: 1px solid #D1D1D1;
|
27 | box-shadow: none;
|
28 | box-sizing: border-box;
|
29 |
|
30 | &.show {
|
31 | display: block;
|
32 | }
|
33 | }
|
34 |
|
35 | .pl-autocomplete-input {
|
36 | position: relative;
|
37 | z-index: 1;
|
38 | background: transparent;
|
39 | }
|
40 |
|
41 | .pl-autocomplete-list {
|
42 | z-index: 10;
|
43 | box-sizing: border-box;
|
44 | position: absolute;
|
45 | left: 0;
|
46 | top: 0;
|
47 | overflow: hidden;
|
48 | background: white;
|
49 |
|
50 | &.open {
|
51 | border: 1px solid #D1D1D1;
|
52 | border-top: none;
|
53 | .transition(height 0.35s @easeOutQuart);
|
54 | }
|
55 |
|
56 | &.from-bottom {
|
57 |
|
58 | &.open {
|
59 | border: 1px solid #D1D1D1;
|
60 | border-bottom: none;
|
61 | .transition(height 0.35s @easeOutQuart, top 0.35s @easeOutQuart);
|
62 | }
|
63 | }
|
64 |
|
65 | .pl-autocomplete-list-content {
|
66 | position: absolute;
|
67 | left: 0;
|
68 | right: 0;
|
69 | bottom: 0;
|
70 | }
|
71 |
|
72 | .pl-autocomplete-list-item {
|
73 | cursor: pointer;
|
74 | padding: 0 1rem;
|
75 |
|
76 | &.focused {
|
77 | background: #eee;
|
78 | }
|
79 |
|
80 | strong {
|
81 | font-weight: 500;
|
82 | }
|
83 | }
|
84 | }
|
85 | }
|