[GitHub] [camel-website] AemieJ opened a new pull request #379: Replicate Antora styling for overlapping of navbar over menu panel

[GitBox]

AemieJ opened a new pull request #379:
URL: https://github.com/apache/camel-website/pull/379


   ### ISSUES
   1.  When clicked on the menu panel within smaller screen width and at the 
same time, the navbar was clicked it created quite a cluster and looked messy. 
   
![issue-mutation](https://user-images.githubusercontent.com/44139348/83413561-a796f200-a439-11ea-8d74-187808b6028d.png)
   
   2. When the menu panel was active and when the dropdown button within the 
navbar was clicked, the menu panel would become inactive and that isn't 
user-friendly. 
   
   ### SOLUTION
   1.  Replicated the way an antora performs this. The navbar takes the entire 
width while covering 50% of viewport height and shows a higher hierarchy over 
the menu panel item. 
   
![resolve-mutation](https://user-images.githubusercontent.com/44139348/83413663-d44b0980-a439-11ea-9b9d-c25d831ff711.png)
   
   2. `e.stopPropagation()` was used after the click of the dropdown item to 
resolve this issue.
   


----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org