[camel-website] branch master updated: scrollbar visibilty issues in nav-container (#288)

[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 242a30d  scrollbar visibilty issues in nav-container (#288)
242a30d is described below

commit 242a30dc1132115d433777b3bb8a0d467b44739f
Author: Prerna Singh <51945896+psingh...@users.noreply.github.com>
AuthorDate: Wed Apr 1 20:21:26 2020 +0700

    scrollbar visibilty issues in nav-container (#288)
    
    * scrollbar visibilty issues in nav-container
    
    * Variable names set
    
    * removed an unneccessary change
    
    * used --color-smoke-90
---
 antora-ui-camel/src/css/nav.css  | 8 ++++++--
 antora-ui-camel/src/css/vars.css | 2 ++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/antora-ui-camel/src/css/nav.css b/antora-ui-camel/src/css/nav.css
index ab635ab..9daadaa 100644
--- a/antora-ui-camel/src/css/nav.css
+++ b/antora-ui-camel/src/css/nav.css
@@ -89,11 +89,15 @@ html.is-clipped--nav {
 }
 
 .nav-panel-menu::-webkit-scrollbar {
-  width: 0.25rem;
+  width: 0.29rem;
 }
 
 .nav-panel-menu::-webkit-scrollbar-thumb {
-  background-color: var(--nav-border-color);
+  background-color: var(--nav-scrollbar-color);
+}
+
+.nav-panel-menu::-webkit-scrollbar-thumb:hover {
+  background-color: var(--nav-scroll-thumb-color);
 }
 
 .nav-panel-menu input.search {
diff --git a/antora-ui-camel/src/css/vars.css b/antora-ui-camel/src/css/vars.css
index c6c0624..61a6ce2 100644
--- a/antora-ui-camel/src/css/vars.css
+++ b/antora-ui-camel/src/css/vars.css
@@ -52,6 +52,8 @@
   /* nav */
   --nav-background: var(--panel-background);
   --nav-border-color: var(--color-smoke-50);
+  --nav-scrollbar-color: var(--color-smoke-90);
+  --nav-scroll-thumb-color: var(--color-gray-30);
   --nav-line-height: 1.35;
   --nav-heading-font-color: var(--color-asf-dark-blue);
   --nav-muted-color: var(--color-jet-50);