Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #45 from influxdata/v2-layout 

updated search styles to remove unnecessarily repetitive elements
pull/47/head
Scott Anderson 2019-01-30 13:59:29 -08:00 committed by GitHub
parent e93e9f333c 875bf8eff5
commit 9b4b49de6b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/js/search-interactions.js
View File

@ -1,7 +1,9 @@
// Fade content wrapper when focusing on search input
$('#algolia-search-input').focus(function() { $('#algolia-search-input').focus(function() {
$('.content-wrapper').fadeTo(400, .35); $('.content-wrapper').fadeTo(400, .35);
}) })
// Hide search dropdown when leaving search input
$('#algolia-search-input').blur(function() { $('#algolia-search-input').blur(function() {
$('.content-wrapper').fadeTo(200, 1); $('.content-wrapper').fadeTo(200, 1);
$('.ds-dropdown-menu').hide(); $('.ds-dropdown-menu').hide();

23
assets/styles/layouts/_algolia-search-overrides.scss
View File

@ -90,6 +90,20 @@
} }
} }
.algolia-autocomplete .algolia-docsearch-suggestion .algolia-docsearch-suggestion {
&--wrapper { padding: 0; }
&--subcategory-column { display: none; }
&--content {
margin: 2px 0;
padding: .75rem;
width: 100%;
float: none;
&:before {
display: none;
}
}
}
//////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////
///////////////////////////////// MEDIA QUERIES //////////////////////////////// ///////////////////////////////// MEDIA QUERIES ////////////////////////////////
//////////////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////
@ -114,15 +128,6 @@
left: -1rem !important; left: -1rem !important;
top: 112% !important; top: 112% !important;
} }
.algolia-autocomplete .algolia-docsearch-suggestion {
.algolia-docsearch-suggestion--subcategory-column,
.algolia-docsearch-suggestion--content {
display: block;
margin: 2px 0;
float: none;
&:after { content: ""; }
}
}
} }
@include media(small) { @include media(small) {