1 | .vgt-global-search{
|
2 | padding: 5px 0px;
|
3 | display: flex;
|
4 | flex-wrap: no-wrap;
|
5 | align-items: stretch;
|
6 | border: 1px solid $border-color;
|
7 | border-bottom: 0px;
|
8 | background: linear-gradient($thead-bg-color-1, $thead-bg-color-2);
|
9 | }
|
10 | .vgt-global-search__input{
|
11 | position: relative;
|
12 | padding-left: 40px;
|
13 | flex-grow: 1;
|
14 | .input__icon{
|
15 | position: absolute;
|
16 | left: 0px;
|
17 | max-width: 32px;
|
18 | .magnifying-glass{
|
19 | margin-top: 3px;
|
20 | margin-left: 8px;
|
21 | display: block;
|
22 | width: 16px;
|
23 | height: 16px;
|
24 | border: 2px solid darken($border-color, 2%);
|
25 | position: relative;
|
26 | border-radius: 50%;
|
27 | &:before{
|
28 | content: "";
|
29 | display: block;
|
30 | position: absolute;
|
31 | right: -7px;
|
32 | bottom: -5px;
|
33 | background: darken($border-color, 2%);
|
34 | width: 8px;
|
35 | height: 4px;
|
36 | border-radius: 2px;
|
37 | transform: rotate(45deg);
|
38 | -webkit-transform: rotate(45deg);
|
39 | -moz-transform: rotate(45deg);
|
40 | -ms-transform: rotate(45deg);
|
41 | -o-transform: rotate(45deg);
|
42 | }
|
43 | }
|
44 | }
|
45 | .vgt-input{
|
46 | }
|
47 | }
|
48 | .vgt-global-search__actions{
|
49 | margin-left: 10px;
|
50 | }
|
51 |
|
52 | .vgt-selection-info-row{
|
53 | background: $notify-bg-color;
|
54 | padding: 5px 16px;
|
55 | font-size: 13px;
|
56 | border-top: 1px solid $border-color;
|
57 | border-left: 1px solid $border-color;
|
58 | border-right: 1px solid $border-color;
|
59 | color: lighten($notify-fg-color, 10%);
|
60 | font-weight: bold;
|
61 | a{
|
62 | font-weight: bold;
|
63 | display: inline-block;
|
64 | margin-left: 10px;
|
65 | }
|
66 | }
|