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

fix: make search bar taller on widescreen (#1210)

Browse source
This commit is contained in:
Yangshun Tay 2019-01-28 21:27:21 -08:00 • committed by GitHub
parent 487fd573e5
commit a99dbb1976
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -934,6 +934,14 @@ input#search_input_react {
width: 170px; width: 170px;
} }
.navSearchWrapper:before {
left: 24px;
}
.navSearchWrapper:after {
left: 35px;
}
input#search_input_react:focus, input#search_input_react:focus,
input#search_input_react:active { input#search_input_react:active {
color: #fff; color: #fff;
@ -1368,7 +1376,7 @@ input::placeholder {
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
outline: none; outline: none;
padding-left: 25px; padding-left: 38px;
position: relative; position: relative;
transition: background-color 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55), transition: background-color 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55),
width 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color 0.2s ease; width 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color 0.2s ease;
@ -1426,6 +1434,13 @@ input::placeholder {
top: auto; top: auto;
} }
.reactNavSearchWrapper input#search_input_react {
height: 100%;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 38px;
}
.navSearchWrapper .algolia-autocomplete { .navSearchWrapper .algolia-autocomplete {
display: block; display: block;
} }