You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@groovy.apache.org by pa...@apache.org on 2020/08/17 07:32:21 UTC
[groovy-website] branch asf-site updated: Fix search bar css style
(closes #23)
This is an automated email from the ASF dual-hosted git repository.
paulk pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/groovy-website.git
The following commit(s) were added to refs/heads/asf-site by this push:
new 3b30040 Fix search bar css style (closes #23)
3b30040 is described below
commit 3b30040c57b66669011b106c1b855e7b8f2eea57
Author: Mohcine EL KASSIB <el...@gmail.com>
AuthorDate: Sun May 24 23:11:20 2020 +0000
Fix search bar css style (closes #23)
1) Making the search bar more large
2) Fix the input field height to be aligned with search button
3) Set the search icon in the middle of the search button
---
site/src/site/pages/search.groovy | 10 ++++++++--
1 file changed, 8 insertions(+), 2 deletions(-)
diff --git a/site/src/site/pages/search.groovy b/site/src/site/pages/search.groovy
index 6a6d061..30183e6 100644
--- a/site/src/site/pages/search.groovy
+++ b/site/src/site/pages/search.groovy
@@ -31,7 +31,7 @@ layout 'layouts/main.groovy', true,
'gcse:search'(linkTarget: '_blank'){}
style '''
.gsc-input-box {
- height: 30px;
+ height: auto;
}
input.gsc-search-button, input.gsc-search-button-v2 {
height: 30px;
@@ -66,7 +66,13 @@ layout 'layouts/main.groovy', true,
width: 120px !important;
}
td.gsc-search-button {
- padding-top: 6px;
+ padding-top: 0;
+ }
+ button.gsc-search-button.gsc-search-button-v2 > svg {
+ vertical-align: middle;
+ }
+ div.gsc-control-cse.gsc-control-cse-en {
+ padding: 0;
}
td.gsc-orderby-container {
padding-right: 20px;