Commit a4e1fb3c authored by Christopher Rogers's avatar Christopher Rogers

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

Signed-off-by: 's avatarChristopher Rogers <chrissrogers@gmail.com>
parent 0ebbae94
(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 @@ ...@@ -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 @@ ...@@ -88,4 +93,8 @@
content.unhighlight(highlightOpts); content.unhighlight(highlightOpts);
} }
function resize () {
searchInfo.innerWidth(content.innerWidth() - darkBox.innerWidth());
}
})(window); })(window);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment