[camel-website] branch master updated: resolve the navbar and menu panel overlapping conflict

[zregvart]

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 7764fce  resolve the navbar and menu panel overlapping conflict
7764fce is described below

commit 7764fce90b7e7b81ec47119458dad7752d3519ea
Author: Aemie <aemi...@hotmail.co.uk>
AuthorDate: Mon Jun 1 18:43:16 2020 +0530

    resolve the navbar and menu panel overlapping conflict
---
 antora-ui-camel/src/css/header.css         | 3 +--
 antora-ui-camel/src/js/04-mobile-navbar.js | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/antora-ui-camel/src/css/header.css 
b/antora-ui-camel/src/css/header.css
index dd72474..b798af1 100644
--- a/antora-ui-camel/src/css/header.css
+++ b/antora-ui-camel/src/css/header.css
@@ -160,13 +160,12 @@ body {
   .navbar-menu.is-active {
     display: block;
     position: absolute;
-    height: 100vh;
+    height: 50vh;
     box-shadow: 0 16px 16px 0 rgba(10, 10, 10, 0.1);
     overflow-y: auto;
     top: 4rem;
     left: 0;
     right: 0;
-    margin-left: 50%;
     padding: 1rem 2rem;
   }
 
diff --git a/antora-ui-camel/src/js/04-mobile-navbar.js 
b/antora-ui-camel/src/js/04-mobile-navbar.js
index e79236b..85c98f0 100644
--- a/antora-ui-camel/src/js/04-mobile-navbar.js
+++ b/antora-ui-camel/src/js/04-mobile-navbar.js
@@ -13,6 +13,7 @@ document.addEventListener('DOMContentLoaded', function () {
   var menuDropDowns = 
Array.prototype.slice.call(document.querySelectorAll('.has-dropdown'), 0)
   menuDropDowns.forEach(function (el) {
     el.addEventListener('click', function (e) {
+      e.stopPropagation()
       el.classList.toggle('is-active')
     })
   })