You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@camel.apache.org by zr...@apache.org on 2020/07/02 08:53:34 UTC

[camel-website] 05/08: CAMEL-14958: position cancel button to be in center of searchbar input

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

commit 9882370171eae4124e7b20e63a40ae6a68971da3
Author: Aemie <ae...@hotmail.co.uk>
AuthorDate: Sat Jun 27 15:52:50 2020 +0530

    CAMEL-14958: position cancel button to be in center of searchbar input
    
    fix minor issue
---
 antora-ui-camel/src/css/header.css |  4 ++--
 antora-ui-camel/src/css/nav.css    | 14 +++++++-------
 package.json                       |  1 +
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/antora-ui-camel/src/css/header.css b/antora-ui-camel/src/css/header.css
index 697f83f..6927e9a 100644
--- a/antora-ui-camel/src/css/header.css
+++ b/antora-ui-camel/src/css/header.css
@@ -429,7 +429,7 @@ body {
 
 #search-cancel {
   position: relative;
-  bottom: calc(50% - 0.15rem);
+  bottom: calc(50% - 0.05rem);
   left: calc(100% - 1.25rem);
   height: 1rem;
   display: none;
@@ -557,7 +557,7 @@ body {
   }
 
   #search-cancel {
-    bottom: calc(50% - 0.5rem);
+    bottom: calc(50% - 0.45rem);
   }
 
   #search_results {
diff --git a/antora-ui-camel/src/css/nav.css b/antora-ui-camel/src/css/nav.css
index c1a1487..1940a3d 100644
--- a/antora-ui-camel/src/css/nav.css
+++ b/antora-ui-camel/src/css/nav.css
@@ -66,22 +66,22 @@ html.is-clipped--nav {
   height: var(--nav-panel-height);
 }
 
-@media screen and (min-width: 1024px) {
+@media screen and (min-width: 1278px) {
   .nav-panel-menu {
     height: var(--nav-panel-height--desktop);
   }
-
-  @media screen and (max-width: 1277px) {
-    .nav-panel-menu {
-      height: calc(var(--nav-panel-height--desktop) - 2rem);
-    }
-  }
 }
 
 @media screen and (max-width: 1277px) {
   .nav-panel-menu {
     margin-top: var(--navbar-height);
   }
+
+  @media screen and (min-width: 1024px) {
+    .nav-panel-menu {
+      height: calc(var(--nav-panel-height--desktop) - 2rem);
+    }
+  }
 }
 
 .nav-panel-menu:not(.is-active) .nav-menu {
diff --git a/package.json b/package.json
index a037b64..3ad3892 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "build:sitemap": "gulp sitemap",
     "build": "run-s build:*",
     "preview": "run-s preview:*",
+    "preview:antora": "antora --clean --fetch antora-playbook.yml",
     "preview:hugo": "hugo server -D",
     "check:xref": "antora --generator @antora/xref-validator antora-playbook.yml",
     "check:links": "link-checker --disable-external --mkdocs --allow-hash-href public --url-ignore='#top'",