Improve searchbar ui and add noscript tag

This commit is contained in:
Nima Yazdanmehr 2020-09-25 17:42:25 +03:30
parent 39d3546a77
commit caee34dbf4
No known key found for this signature in database
GPG Key ID: 26339CEEF3CDF9ED
3 changed files with 17 additions and 1 deletions

View File

@ -45,3 +45,10 @@
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/images/apple-touch-icon-72x72-precomposed.png"><!-- 72x72 (precomposed) for 1st generation iPad, iPad 2 and iPad mini -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/images/apple-touch-icon-114x114-precomposed.png"><!-- 114x114 (precomposed) for iPhone 4, 4S, 5 and post-2011 iPod Touch -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/images/apple-touch-icon-144x144-precomposed.png"><!-- 144x144 (precomposed) for iPad 3rd and 4th generation -->
<!-- Hide Searchbar if nojs -->
<noscript>
<style>
#searchbar { display:none; }
</style>
</noscript>

View File

@ -35,7 +35,7 @@
{% if page.btcversion != "index" %}
{% assign groups = site.doc | where:"btcversion", page.btcversion | group_by:"btcgroup" | sort: "name" %}
<section class="toc">
<input id="searchbar" type="text" value="" placeholder="Search..."/>
<input id="searchbar" type="text" value="" placeholder="Search ..."/>
{% for group in groups %}
{% if group.name != "index" %}
<header>

View File

@ -164,3 +164,12 @@ svg:not(:root) {
@include rounded(4px);
@include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05));
}
/*
Searchbar
========================================================================== */
#searchbar {
background-color: #d3d3d3;
border-color: #2b2b2b;
}