dan/api_docs
1
0
Fork 0
mirror of https://github.com/danbulant/api_docs synced 2026-06-19 14:21:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adds js handler for setting search info box width equal to content width

Browse source 
Signed-off-by: Christopher Rogers <chrissrogers@gmail.com>
This commit is contained in:
Christopher Rogers 2014-04-16 15:05:05 -07:00
parent 0ebbae94fe
commit a4e1fb3c24
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
source/javascripts/app/search.js
View file

@ -1,7 +1,7 @@
(function (global) { (function (global) {
var $global = $(global); var $global = $(global);
var content, searchInfo; var content, darkBox, searchInfo;
var highlightOpts = { element: 'span', className: 'search-highlight' }; var highlightOpts = { element: 'span', className: 'search-highlight' };
var index = new lunr.Index; var index = new lunr.Index;
@ -33,11 +33,16 @@
function bind () { function bind () {
content = $('.content'); content = $('.content');
darkBox = $('.dark-box');
searchInfo = $('.search-info'); searchInfo = $('.search-info');
$('#input-search') $('#input-search')
.on('keyup', search) .on('keyup', search)
.on('focus', active) .on('focus', active)
.on('blur', inactive); .on('blur', inactive);
$global.on('resize', resize);
resize();
} }
function search (event) { function search (event) {
@ -88,4 +93,8 @@
content.unhighlight(highlightOpts); content.unhighlight(highlightOpts);
} }
function resize () {
searchInfo.innerWidth(content.innerWidth() - darkBox.innerWidth());
}
})(window); })(window);