[echarts-handbook] branch master updated: improve docsearch dropdown style

[sh...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

shenyi pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/echarts-handbook.git


The following commit(s) were added to refs/heads/master by this push:
     new e271c90  improve docsearch dropdown style
e271c90 is described below

commit e271c90b2f7007bf0e1ae728da4361ddf54e6efd
Author: pissang <bm...@gmail.com>
AuthorDate: Tue Aug 31 13:02:00 2021 +0800

    improve docsearch dropdown style
---
 components/partials/Sidebar.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/components/partials/Sidebar.vue b/components/partials/Sidebar.vue
index 819f297..4188cc9 100644
--- a/components/partials/Sidebar.vue
+++ b/components/partials/Sidebar.vue
@@ -126,16 +126,26 @@ export default Vue.extend({
       apiKey: '6ade5f1ff34e94690f9ea38cddcc2f55',
       indexName: 'apache_echarts',
       inputSelector: '#handbook-search-intput',
-      algoliaOptions: {
-        facetFilters: ['language:en']
-      },
-      debug: false // Set debug to true if you want to inspect the dropdown
+      // algoliaOptions: {
+      //   facetFilters: ['language:en']
+      // },
+      debug: true // Set debug to true if you want to inspect the dropdown
     })
   }
 })
 </script>
 
 <style lang="postcss">
+.algolia-autocomplete .ds-dropdown-menu {
+  @apply shadow-xl border-none;
+}
+.algolia-autocomplete .ds-dropdown-menu [class^='ds-dataset-'] {
+  @apply border-none;
+}
+.algolia-autocomplete .ds-dropdown-menu:before {
+  @apply border-none;
+  @apply shadow-xl;
+}
 .bd-sidebar {
   position: sticky;
   z-index: 1000;

---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org