[hudi] branch asf-site updated: [MINOR] Make main navbar responsive (#5507)

[xu...@apache.org]

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

xushiyan pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/hudi.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new 321096b96e [MINOR] Make main navbar responsive (#5507)
321096b96e is described below

commit 321096b96ebe52f8230573b9ca037311104d5edc
Author: yadav-jai <97...@users.noreply.github.com>
AuthorDate: Thu May 5 15:18:09 2022 +0530

    [MINOR] Make main navbar responsive (#5507)
---
 website/src/css/custom.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 4ef9bbec72..c363684e05 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -51,6 +51,22 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
   }
 }
 
+@media only screen and (max-width: 1410px){
+  .navbar__item {
+    font-size: 0.7em !important;
+  }
+  
+
+}
+@media only screen and (max-width: 1250px){
+  .navbar__item {
+    font-size: 0.6em !important;
+    padding: 5px;
+  }
+  
+
+}
+
 .header-twitter-link:before {
   background: url(/assets/images/twitter.png) no-repeat;
   content: "";
@@ -204,4 +220,4 @@ footer .container {
 .blogPostTitle_src-theme-BlogPostItem-styles-module{
   height: 60px;
   overflow: hidden;
-}
\ No newline at end of file
+}