[pulsar-site] branch fix/nav-style created (now 27cbe362155)

[ur...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

urfree pushed a change to branch fix/nav-style
in repository https://gitbox.apache.org/repos/asf/pulsar-site.git


      at 27cbe362155 update css for navbar

This branch includes the following new commits:

     new 27cbe362155 update css for navbar

The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.

[pulsar-site] 01/01: update css for navbar

[ur...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

urfree pushed a commit to branch fix/nav-style
in repository https://gitbox.apache.org/repos/asf/pulsar-site.git

commit 27cbe362155bc2d8740a2ffd97b53242fe7c443e
Author: Li Li <ur...@apache.org>
AuthorDate: Wed Jun 1 10:37:04 2022 +0800

    update css for navbar
    
    Signed-off-by: Li Li <ur...@apache.org>
---
 site2/website-next/src/css/custom.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/site2/website-next/src/css/custom.css b/site2/website-next/src/css/custom.css
index 7810ca87cd3..07eb846ffb8 100644
--- a/site2/website-next/src/css/custom.css
+++ b/site2/website-next/src/css/custom.css
@@ -76,6 +76,7 @@ svg {
   --ifm-h1-font-size: 2rem;
   --ifm-navbar-item-padding-horizontal: 15px;
   --ifm-navbar-height: 100px;
+  --ifm-navbar-item-padding-vertical: 13px;
 }
 
 a,
@@ -225,8 +226,9 @@ html[data-theme="dark"] .navbar-sidebar {
   color: transparent;
   font-size: 0px;
   top: 10px;
-  position: absolute;
-  right: 125px;
+  position: relative;
+  left: -84px;
+  top: -50px;
 }
 .github-nav::before {
   content: url("https://img.shields.io/github/stars/apache/pulsar?label=%20&style=social");
@@ -238,7 +240,7 @@ html[data-theme="dark"] .navbar-sidebar {
 .colorModeToggle_vKtC {
   top: 9px;
   position: absolute;
-  transform: translateX(-70px);
+  transform: translateX(-170px);
 }
 .community-dropdown ~ .dropdown__menu .dropdown__link--active,
 .dropdown__link.navbar__link--active {
@@ -250,7 +252,7 @@ html[data-theme="dark"] .navbar-sidebar {
 div[class^="searchBox_"] {
   position: absolute;
   top: 0;
-  transform: translateX(-130px);
+  transform: translateX(-220px);
 }
 
 .DocSearch-Button {