This is an automated email from the ASF dual-hosted git repository.
zregvart pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git
The following commit(s) were added to refs/heads/master by this push:
new 81c56cc fix: prevent zoom on search focus
81c56cc is described below
commit 81c56cc725a4bf65f757bb0353fe0cc99255dd18
Author: Zoran Regvart <zregv...@apache.org>
AuthorDate: Fri Aug 14 01:26:18 2020 +0200
fix: prevent zoom on search focus
For `input` elements with `font-size` less than `16px` Safari on iOS
zooms in on the element. This increases the font-size of the search
input and adjusts it's width, and positioning of the search cancel icon.
---
antora-ui-camel/src/css/header.css | 8 +++++---
1 file changed, 5 insertions(+), 3 deletions(-)
diff --git a/antora-ui-camel/src/css/header.css
b/antora-ui-camel/src/css/header.css
index 061d81f..c5844d2 100644
--- a/antora-ui-camel/src/css/header.css
+++ b/antora-ui-camel/src/css/header.css
@@ -263,9 +263,11 @@ html:not([data-scroll='0']) .navbar {
.navbar-search input {
border: 1px solid var(--nav-panel-divider-color);
border-radius: 4px 4px;
- margin-top: 0.75rem;
- padding: 0.5rem 1.5rem 0.5rem 1.9rem;
+ width: 14rem;
+ margin-top: 0.5rem;
+ padding: 0.4rem 1.5rem 0.4rem 1.9rem;
font-family: Open Sans, sans-serif;
+ font-size: 1rem;
caret-color: #ed8225;
background: no-repeat 0.4rem/1rem url(../img/search.svg);
background-color: var(--color-smoke-50);
@@ -285,7 +287,7 @@ html:not([data-scroll='0']) .navbar {
#search-cancel {
position: relative;
- bottom: calc(50% - 0.05rem);
+ bottom: calc(50% + 0.1rem);
left: calc(100% - 1.25rem);
height: 1rem;
display: none;
