[camel-website] branch master updated: fix: scrolling for dropdown within navbar

[zr...@apache.org]

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 bc82774  fix: scrolling for dropdown within navbar
bc82774 is described below

commit bc8277474a9368e70cb12d266f2ada23bc26b871
Author: Aemie <ae...@hotmail.co.uk>
AuthorDate: Wed Jul 22 19:49:36 2020 +0530

    fix: scrolling for dropdown within navbar
---
 antora-ui-camel/src/css/header.css | 71 +-------------------------------------
 1 file changed, 1 insertion(+), 70 deletions(-)

diff --git a/antora-ui-camel/src/css/header.css b/antora-ui-camel/src/css/header.css
index fe20dde..e56d4a3 100644
--- a/antora-ui-camel/src/css/header.css
+++ b/antora-ui-camel/src/css/header.css
@@ -164,80 +164,11 @@ body {
   margin: 0.25rem 0;
 }
 
-@media screen and (max-width: 1023px) and (min-width: 480px) {
-  .navbar-menu.is-active {
-    display: block;
-    position: absolute;
-    height: 50vh;
-    box-shadow: 0 16px 16px 0 rgba(10, 10, 10, 0.1);
-    overflow-y: auto;
-    top: 4rem;
-    left: 0;
-    right: 0;
-    padding: 1rem 2rem;
-  }
-
-  .has-dropdown:not(.is-active) > .navbar-dropdown {
-    display: none;
-  }
-
-  .has-dropdown:not(.is-active) > .navbar-link::after {
-    transform: rotate(-45deg);
-  }
-
-  .has-dropdown.is-active > .navbar-dropdown {
-    display: block;
-    position: relative;
-    border: none;
-  }
-
-  .has-dropdown.is-active > .navbar-link::after {
-    transform: rotate(135deg);
-  }
-
-  .navbar-item.navbar-topics,
-  .navbar-link.navbar-topics {
-    color: var(--navbar-font-color);
-  }
-
-  .navbar-item {
-    font-weight: bold;
-    flex: none;
-    margin: 1rem;
-  }
-
-  .navbar-dropdown .navbar-item:hover,
-  a.navbar-item.navbar-topics:hover,
-  a.navbar-link.navbar-topics:hover {
-    text-decoration: underline;
-    text-decoration-color: var(--navbar-hover-font-color);
-  }
-
-  .navbar-menu {
-    background: var(--navbar-menu-background);
-    padding: 0.5rem 0;
-  }
-
-  .navbar-link::after {
-    border-width: 0 0 2px 2px;
-    border-style: solid;
-    content: ' ';
-    display: block;
-    height: 0.5em;
-    position: absolute;
-    pointer-events: none;
-    transform: rotate(-45deg);
-    width: 0.5em;
-    right: 0;
-    top: 40%;
-  }
-}
-
 @media screen and (max-width: 1023px) {
   .navbar-menu.is-active {
     display: block;
     position: absolute;
-    height: 100vh;
+    height: calc(100vh - 8rem);
     box-shadow: 0 16px 16px 0 rgba(10, 10, 10, 0.1);
     overflow-y: auto;
     top: 8rem;