adulau/brouilleursdeblanc
1
0
Fork 0
mirror of https://github.com/adulau/brouilleursdeblanc.git synced 2024-11-24 11:07:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

Style simple search overlay

Browse source
This commit is contained in:
Michael Rose 2013-09-11 14:24:55 -04:00
parent 20cc1bdf8c
commit 5241e9f646
5 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
_includes/navigation.html
View file

@ -17,11 +17,11 @@
</div><!-- /.navigation-wrapper --> </div><!-- /.navigation-wrapper -->
{% if site.search %}<div class="search-wrapper"> {% if site.search %}<div class="search-wrapper">
<form role="search"> <div class="search-form">
<input type="search" name="s" id="s" class="search-field" placeholder="Search..."> <input type="text" class="search-field" placeholder="Search...">
<i class="icon-remove-sign icon-2x"></i> <i class="icon-remove-sign icon-2x"></i>
<ul class="search-results post-list"></ul><!-- /.search-results --> <ul class="search-results post-list"></ul><!-- /.search-results -->
</form> </div><!-- /.search-form -->
</div><!-- ./search-wrapper -->{% endif %} </div><!-- ./search-wrapper -->{% endif %}
{% if page.image.feature %}<header class="masthead" itemscope itemtype="http://schema.org/Organization"> {% if page.image.feature %}<header class="masthead" itemscope itemtype="http://schema.org/Organization">

2
assets/css/main.min.css vendored
View file

File diff suppressed because one or more lines are too long

4
assets/js/_main.js
View file

@ -32,7 +32,7 @@ $(document).ready(function() {
var bs = { var bs = {
close: $(".icon-remove-sign"), close: $(".icon-remove-sign"),
searchform: $("form"), searchform: $(".search-form"),
canvas: $("body"), canvas: $("body"),
dothis: $('.dosearch') dothis: $('.dosearch')
}; };
@ -45,7 +45,7 @@ $(document).ready(function() {
}); });
bs.close.on('click', function() { bs.close.on('click', function() {
$('.search-wrapper').css({ display: "hidden" }); $('.search-wrapper').removeAttr( 'style' );
bs.searchform.toggleClass('active'); bs.searchform.toggleClass('active');
bs.canvas.removeClass('search-overlay'); bs.canvas.removeClass('search-overlay');
}); });

2
assets/js/scripts.min.js vendored
View file

File diff suppressed because one or more lines are too long

12
assets/less/forms.less
View file

@ -244,7 +244,7 @@ select:focus {
background-color: lighten(@black, 10); background-color: lighten(@black, 10);
} }
} }
form[role="search"] { .search-form {
width: 100%; width: 100%;
position: relative; position: relative;
opacity: 0; opacity: 0;
@ -252,7 +252,7 @@ form[role="search"] {
top: 0; top: 0;
left: -200px; left: -200px;
z-index: 9002; z-index: 9002;
input[type="search"] { .search-field {
-webkit-appearance: none; -webkit-appearance: none;
border: none; border: none;
width: 100%; width: 100%;
@ -291,10 +291,10 @@ form[role="search"] {
z-index: 1; z-index: 1;
cursor: pointer; cursor: pointer;
} }
input[type="search"]::-webkit-search-decoration, .search-field::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button, .search-field::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button, .search-field::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { .search-field::-webkit-search-results-decoration {
display: none; display: none;
} }
.post-list { .post-list {