kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix search-icon when typing

This commit is contained in:
Subhajit009iitr 2023-12-26 14:33:54 +05:30
parent 0f285fd32d
commit bee507b9f4
1 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
layouts/partials/search-input.html
View File

@ -1,29 +1,40 @@
<style>
input[type=text] {
box-sizing: border-box;
background-color: white;
background-image: url('https://www.w3schools.com/css/searchicon.png');
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
}
</style>
{{ if or .Site.Params.gcs_engine_id .Site.Params.algolia_docsearch }} {{ if or .Site.Params.gcs_engine_id .Site.Params.algolia_docsearch }}
<input <input
type="search" type="text"
class="form-control td-search-input" class="form-control td-search-input"
placeholder="&#xf002; {{ T "ui_search_placeholder" }}" placeholder=" {{ T "ui_search_placeholder" }}"
aria-label="{{ T "ui_search_placeholder" }}" aria-label="{{ T "ui_search_placeholder" }}"
autocomplete="off" autocomplete="off"
> >
{{ else if .Site.Params.offlineSearch }} {{ else if .Site.Params.offlineSearch }}
<div id="search-nav-container"> <div id="search-nav-container">
<input <input
type="search" type="text"
id="search-input" id="search-input"
autocomplete="off" autocomplete="off"
class="form-control td-search-input" class="form-control td-search-input"
placeholder="&#xf002 {{ T "ui_search_placeholder" }}" placeholder=" {{ T "ui_search_placeholder" }}"
autocomplete="off" autocomplete="off"
> >
<div id="search-results" class="container"></div> <div id="search-results" class="container"></div>
</div> </div>
{{ else if .Site.Params.k8s_search }} {{ else if .Site.Params.k8s_search }}
<input <input
type="search" type="text"
class="form-control td-search-input" class="form-control td-search-input"
name="q" name="q"
placeholder="&#xf002 {{ T "ui_search_placeholder" }}" placeholder=" {{ T "ui_search_placeholder" }}"
aria-label="{{ T "ui_search_placeholder" }}" aria-label="{{ T "ui_search_placeholder" }}"
autocomplete="off" autocomplete="off"
> >