3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-06 10:20:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

style: UI improvements to searchbar (#989)

Browse source 
* Clean up responsive search overrides

* Add responsive improvements to searchbar fixes #988, fixes #385
This commit is contained in:
Alkshendra Maurya 2018-09-28 12:38:37 +05:30 • committed by Endilie Yacop Sucipto
parent 054416b730
commit d2dd047866
1 changed files with 21 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

31
v1/lib/static/css/main.css
View file

@ -938,7 +938,9 @@ input#search_input_react:active {
color: #fff; color: #fff;
width: 220px; width: 220px;
} }
.navigationSlider .slidingNav .navSearchWrapper .algolia-docsearch-footer a {
height: auto;
}
@media only screen and (max-width: 735px) { @media only screen and (max-width: 735px) {
.navSearchWrapper { .navSearchWrapper {
width: 40%; width: 40%;
@ -1383,19 +1385,20 @@ input::placeholder {
} }
.reactNavSearchWrapper .aa-dropdown-menu { .reactNavSearchWrapper .aa-dropdown-menu {
background: #f9f9f9;
border: 0px solid #f9f9f9;
border-radius: 0;
color: #393939;
font-size: 12px; font-size: 12px;
line-height: 2em; line-height: 2em;
max-height: 140px; padding: 0;
min-width: auto; border-width: 1px;
min-width: 500px;
}
.reactNavSearchWrapper .algolia-docsearch-suggestion__secondary {
border-top: none;
}
.aa-suggestions {
min-height: 140px;
max-height: 60vh;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
overflow-y: scroll; overflow-y: scroll;
padding: 0;
position: relative !important;
width: 100%;
} }
#languages-dropdown { #languages-dropdown {
@ -1478,6 +1481,14 @@ input::placeholder {
.navigationSlider .slidingNav ul::-webkit-scrollbar { .navigationSlider .slidingNav ul::-webkit-scrollbar {
display: none; display: none;
} }
.reactNavSearchWrapper .aa-dropdown-menu {
min-width: 400px;
}
}
@media only screen and (max-width: 475px) {
.reactNavSearchWrapper .aa-dropdown-menu {
min-width: 300px;
}
} }
/* Start of Docs Main */ /* Start of Docs Main */