This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git
The following commit(s) were added to refs/heads/master by this push:
new 389aea7 improve seatch box appearance and add search icon
389aea7 is described below
commit 389aea71420823906a96ad55203260ac5c09ace3
Author: Carlos Rovira <[email protected]>
AuthorDate: Sun Sep 15 13:59:34 2019 +0200
improve seatch box appearance and add search icon
---
_layouts/docpage.html | 2 +-
_sass/docsearch.sass | 21 ++++++++++++++++-----
assets/svg/search.svg | 6 ++++++
3 files changed, 23 insertions(+), 6 deletions(-)
diff --git a/_layouts/docpage.html b/_layouts/docpage.html
index 9b8c6c8..9caeb47 100644
--- a/_layouts/docpage.html
+++ b/_layouts/docpage.html
@@ -51,7 +51,7 @@ limitations under the License.
</div>
<div class="toc" id="toc">
<div align="center">
- <input class="docsearch-input"/>
+ <input class="docsearch-input" type="search" placeholder="Search
docs..." autocomplete="off" spellcheck="false"/>
</div>
{% include toc.html %}
</div>
diff --git a/_sass/docsearch.sass b/_sass/docsearch.sass
index 151601b..5135814 100644
--- a/_sass/docsearch.sass
+++ b/_sass/docsearch.sass
@@ -13,16 +13,27 @@
*/
.docsearch-input
- background-color: rgb(245, 245, 250)
- border-radius: 6px
- border-style: solid
- border-width: 0px
- display: inline-block
font-size: 1em
height: 48px
line-height: 1em
+
outline-style: none
+ display: inline-block
+ width: 100%
+ appearance: none
+ background-color: rgb(245, 245, 250)
+ border-radius: 6px
+ border-style: solid
+ border-width: 0px
+ position: relative
padding: 0px 24px
+ background-image: url(/royale-docs/assets/svg/search.svg)
+ background-size: 16px 16px
+ background-repeat: no-repeat
+ background-position-y: center
+ background-position-x: 12px
+ -webkit-appearance: none
+ -moz-appearance: none
.searchbox
display: inline-block
diff --git a/assets/svg/search.svg b/assets/svg/search.svg
new file mode 100644
index 0000000..db06611
--- /dev/null
+++ b/assets/svg/search.svg
@@ -0,0 +1,6 @@
+<svg alt="Search" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 16 16">
+ <path
d="M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,
+ 0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,
+ 0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,
+ 4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z"
fill="#4393c3"/>
+</svg>
\ No newline at end of file
