Skip to content

N
node-slate
Commit 59ee05c6 authored by Christopher Rogers's avatar Christopher Rogers
Browse files
Options

Updates search field markup and style 

Signed-off-by: 's avatarChristopher Rogers <chrissrogers@gmail.com>
parent f2d13879
Show whitespace changes
Inline Side-by-side
Showing with 31 additions and 5 deletions
source/javascripts/app/search.js
View file @ 59ee05c6
......@@ -29,7 +29,7 @@
}
function bind () {
$('#search').on('keyup', function () {
$('#input-search').on('keyup', function () {
if (this.value) {
var items = index.search(this.value);
$('section, #toc .tocify-item').hide();
......
source/layouts/layout.erb
View file @ 59ee05c6
......@@ -38,7 +38,9 @@ under the License.
<body class="<%= page_classes %>">
<div class="tocify-wrapper">
<%= image_tag "logo.png" %>
<input type="text" id="search" placeholder="search">
<div class="search">
<input type="text" class="search" id="input-search">
</div>
<div id="toc">
</div>
<% if current_page.data.toc_footers %>
......
source/stylesheets/screen.css.scss
View file @ 59ee05c6
......@@ -54,13 +54,37 @@ html, body {
// This is the logo at the top of the ToC
&>img {
display: block;
margin-bottom: $logo-margin;
}
&>.search {
position: relative;
input {
background: $nav-bg;
border-width: 0 0 1px 0;
border-color: $nav-footer-border-color;
padding: 6px 0 6px 20px;
box-sizing: border-box;
margin: 10px 15px;
width: $nav-width - 30;
outline: none;
color: $nav-text;
letter-spacing: 0.07em;
}
&:before {
@extend %icon-search;
position: absolute;
top: 16px;
left: 15px;
color: $nav-text;
}
}
.tocify-item>a, .toc-footer li {
padding: 0 $nav-padding 0 $nav-padding;
display:block;
overflow-x:hidden;
display: block;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
......
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