@@ -54,7 +54,7 @@ div[data-ds-theme] .searchbox {
54
54
max-width : 580px ;
55
55
}
56
56
57
- .meilisearch-autocomplete .dsb-dropdown-menu {
57
+ div [ data-ds-theme ] .meilisearch-autocomplete .dsb-dropdown-menu {
58
58
max-width : 870px ;
59
59
min-width : 580px ;
60
60
width : 850px ;
@@ -67,7 +67,7 @@ div[data-ds-theme] .searchbox {
67
67
width : 250px ;
68
68
}
69
69
70
- .meilisearch-autocomplete .docs-searchbar-suggestion {
70
+ div [ data-ds-theme ] .meilisearch-autocomplete .docs-searchbar-suggestion {
71
71
width : 735px ;
72
72
}
73
73
}
@@ -102,7 +102,7 @@ div[data-ds-theme] .searchbox input {
102
102
align-items : center;
103
103
}
104
104
105
- .meilisearch-autocomplete {
105
+ div [ data-ds-theme ] .meilisearch-autocomplete {
106
106
text-align : center;
107
107
color : var (--pst-color-text-base );
108
108
}
@@ -141,40 +141,49 @@ div[data-ds-theme] .searchbox input {
141
141
margin-left : 5px ;
142
142
}
143
143
144
- .meilisearch-autocomplete .dsb-dropdown-menu [class ^= "dsb-dataset-" ] {
144
+ div [data-ds-theme ]
145
+ .meilisearch-autocomplete
146
+ .dsb-dropdown-menu
147
+ [class ^= "dsb-dataset-" ] {
145
148
position : relative;
146
149
border : 1px solid # d9d9d9 ;
147
150
background : var (--pst-color-background );
148
151
border-radius : 4px ;
149
152
padding : 0 8px 8px ;
150
153
}
151
- .meilisearch-autocomplete .dsb-dropdown-menu {
154
+ div [ data-ds-theme ] .meilisearch-autocomplete .dsb-dropdown-menu {
152
155
max-height : 600px !important ;
153
156
overflow-y : auto !important ;
154
157
border : 1px solid # ccc ;
155
158
}
156
159
157
- .meilisearch-autocomplete .docs-searchbar-suggestion {
160
+ div [ data-ds-theme ] .meilisearch-autocomplete .docs-searchbar-suggestion {
158
161
background : var (--pst-color-background );
159
162
}
160
163
161
- .meilisearch-autocomplete .docs-searchbar-suggestion--highlight {
164
+ div [data-ds-theme ]
165
+ .meilisearch-autocomplete
166
+ .docs-searchbar-suggestion--highlight {
162
167
color : var (--pst-color-info ) !important ;
163
168
font-weight : 900 ;
164
169
background : transparent;
165
170
padding : 0 0.05em ;
166
171
}
167
172
168
- .meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-column {
173
+ div [data-ds-theme ]
174
+ .meilisearch-autocomplete
175
+ .docs-searchbar-suggestion--subcategory-column {
169
176
width : None;
170
177
text-align : left;
171
178
}
172
179
173
- .meilisearch-autocomplete .docs-searchbar-suggestion--content {
180
+ div [data-ds-theme ]
181
+ .meilisearch-autocomplete
182
+ .docs-searchbar-suggestion--content {
174
183
display : block;
175
184
}
176
185
177
- .meilisearch-autocomplete .docs-searchbar-suggestion--title {
186
+ div [ data-ds-theme ] .meilisearch-autocomplete .docs-searchbar-suggestion--title {
178
187
margin-bottom : 4px ;
179
188
color : var (--pst-color-text-base );
180
189
font-size : 0.9em ;
@@ -183,17 +192,23 @@ div[data-ds-theme] .searchbox input {
183
192
}
184
193
185
194
/* Styling the scrollbar */
186
- .meilisearch-autocomplete .dsb-dropdown-menu ::-webkit-scrollbar {
195
+ div [data-ds-theme ]
196
+ .meilisearch-autocomplete
197
+ .dsb-dropdown-menu ::-webkit-scrollbar {
187
198
width : 0.5rem ;
188
199
height : 0.5rem ;
189
200
}
190
201
191
- .meilisearch-autocomplete .dsb-dropdown-menu ::-webkit-scrollbar-thumb {
202
+ div [data-ds-theme ]
203
+ .meilisearch-autocomplete
204
+ .dsb-dropdown-menu ::-webkit-scrollbar-thumb {
192
205
background : var (--pst-color-text-base );
193
206
border-radius : inherit;
194
207
}
195
208
196
- .meilisearch-autocomplete .dsb-dropdown-menu ::-webkit-scrollbar-track {
209
+ div [data-ds-theme ]
210
+ .meilisearch-autocomplete
211
+ .dsb-dropdown-menu ::-webkit-scrollbar-track {
197
212
background : var (--pst-color-background );
198
213
}
199
214
0 commit comments