mirror of
https://github.com/adulau/brouilleursdeblanc.git
synced 2024-11-21 17:47:10 +00:00
Style simple search overlay
This commit is contained in:
parent
20cc1bdf8c
commit
5241e9f646
5 changed files with 13 additions and 13 deletions
|
@ -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
2
assets/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -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
2
assets/js/scripts.min.js
vendored
File diff suppressed because one or more lines are too long
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue