3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-07 05:12:31 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): improve UI of search (#2001)

Browse source
This commit is contained in:
Alexey Pyltsyn 2019-11-16 19:11:39 +03:00 • committed by Yangshun Tay
parent 11e84eb3ed
commit 4c7de3b5f1
1 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

18
packages/docusaurus-theme-search-algolia/src/theme/SearchBar/styles.css
View file

@ -39,7 +39,6 @@
/* Left column, with secondary category header */ /* Left column, with secondary category header */
.algolia-docsearch-suggestion--subcategory-column { .algolia-docsearch-suggestion--subcategory-column {
border-right-color: #7671df; border-right-color: #7671df;
background-color: #f2f2ff;
color: #4e4726; color: #4e4726;
} }
} }
@ -63,7 +62,7 @@
@media (max-width: 360px) { @media (max-width: 360px) {
.search-bar { .search-bar {
width: 0 !important; width: 0 !important;
background: none !important;; background: none !important;
padding: 0 !important; padding: 0 !important;
transition: none !important; transition: none !important;
} }
@ -76,7 +75,6 @@
display: inline; display: inline;
vertical-align: sub; vertical-align: sub;
} }
} }
.searchbox { .searchbox {
@ -300,7 +298,7 @@
right: 48px; right: 48px;
} }
.algolia-autocomplete .ds-dropdown-menu { .algolia-autocomplete .ds-dropdown-menu {
position: relative; position: relative;
top: -6px; top: -6px;
border-radius: 4px; border-radius: 4px;
@ -321,7 +319,7 @@
.algolia-autocomplete .ds-dropdown-menu { .algolia-autocomplete .ds-dropdown-menu {
z-index: 100; z-index: 100;
position: fixed !important; position: fixed !important;
top: 40px !important; top: 50px !important;
left: auto !important; left: auto !important;
right: 1rem !important; right: 1rem !important;
width: 600px; width: 600px;
@ -349,6 +347,7 @@
border-radius: 4px; border-radius: 4px;
overflow: auto; overflow: auto;
padding: 0; padding: 0;
background: #ffffff;
} }
.algolia-autocomplete .ds-dropdown-menu * { .algolia-autocomplete .ds-dropdown-menu * {
@ -360,6 +359,7 @@
position: relative; position: relative;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
text-decoration: none;
} }
.algolia-autocomplete .ds-cursor .algolia-docsearch-suggestion--wrapper { .algolia-autocomplete .ds-cursor .algolia-docsearch-suggestion--wrapper {
@ -457,8 +457,12 @@
right: 0; right: 0;
} }
.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main .algolia-docsearch-suggestion--category-header,.algolia-autocomplete .algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary{ .algolia-autocomplete
display:block .algolia-docsearch-suggestion.algolia-docsearch-suggestion__main
.algolia-docsearch-suggestion--category-header,
.algolia-autocomplete
.algolia-docsearch-suggestion.algolia-docsearch-suggestion__secondary {
display: block;
} }
.algolia-autocomplete .algolia-autocomplete