blob: ef6c37279f92c93b81bb8e6e10b9c3883ace8782 (
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
|
/* --- Quicksearch ---------------------------------------------------------- */
form#search_sem_quick_search_frame {
display: flex;
align-items: center;
}
input.quicksearchbox {
background-color: var(--dark-gray-color-10);
border: 1px solid var(--dark-gray-color-40);
color: var(--base-color);
font-size: 14px;
width: 250px;
height: 19px;
padding-left: 6px;
}
div.quicksearch_frame {
text-indent: 0;
input[type="text"] {
box-sizing: border-box;
border-width: 1px 30px 1px 1px;
border-style: solid;
border-color: var(--base-color-60);
border-image: none;
display: inline-block !important;
}
input[name=course_search_button] {
margin-left: -34px !important;
margin-top: 0 !important;
}
input[type=submit] {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
width: 29px;
height: 24px;
@include background-icon(search, info_alt);
background-position: center;
background-repeat: no-repeat;
vertical-align: middle;
margin-left: -32px;
margin-top: 1px;
}
}
.extendedLayout,
.studip-quicksearch {
.ui-autocomplete {
max-height: 275px;
overflow-y: auto;
overflow-x: hidden;
z-index: 99999;
}
.ui-menu-item {
white-space: nowrap;
}
.ui-menu-item a img {
float: left;
width: 40px;
height: 40px;
margin-right: 5px;
}
}
.quicksearchbutton {
border: 0;
margin-left: 6px;
padding: 0;
vertical-align: text-bottom;
}
.ui-autocomplete {
z-index: 99999;
}
.quicksearch_select {
width: calc(100% - 32px);
+ input[type=submit] {
float: none;
margin-left: 0;
height: 30px;
background-color: var(--base-color-60);
background-position: center center;
}
}
.quicksearch_container {
display: inline-flex;
flex-direction: row-reverse;
width: 100%;
.dropdownmenu {
max-width: 0;
max-height: 0;
overflow: visible;
position: relative;
top: 31px;
z-index: 99999;
.autocomplete__results {
list-style-type: none;
padding: 1px;
border: 1px solid var(--light-gray-color-40);
background-color: var(--white);
max-height: 275px;
width: 600px;
overflow-x: auto;
overflow-y: hidden;
> li {
padding: 5px;
cursor: pointer;
display: flex;
align-items: flex-start;
&:hover, &.autocomplete__result--selected {
background-color: var(--base-color);
color: var(--white);
}
img {
max-width: 40px;
max-height: 40px;
margin-right: 5px;
}
}
}
}
}
|
