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

sushuang pushed a commit to branch gh-pages
in repository https://gitbox.apache.org/repos/asf/incubator-echarts-examples.git


The following commit(s) were added to refs/heads/gh-pages by this push:
     new ce9273c  fix: media nav
ce9273c is described below

commit ce9273c590b283643d74fbeecae1524aa4447251
Author: 100pah <sushuang0...@gmail.com>
AuthorDate: Wed Dec 30 02:34:31 2020 +0800

    fix: media nav
---
 public/stylesheets/scss/_component.nav.scss | 31 ++++++++++++++++++++++++++---
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/public/stylesheets/scss/_component.nav.scss 
b/public/stylesheets/scss/_component.nav.scss
index bff5712..4bc0a77 100644
--- a/public/stylesheets/scss/_component.nav.scss
+++ b/public/stylesheets/scss/_component.nav.scss
@@ -1,4 +1,5 @@
 $nav-height: 51px;
+$collapse-break-point: 768px;
 
 .navbar-default {
     border: none;
@@ -204,7 +205,7 @@ $nav-height: 51px;
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: $collapse-break-point) {
     .navbar-default {
         .navbar-nav {
             background-color: $clr-primary;
@@ -233,10 +234,34 @@ $nav-height: 51px;
     }
 }
 
-@media (max-width: 992px) and (min-width: 768px) {
+@media (max-width: 1280px) and (min-width: 1192px) {
     .navbar-default {
         .navbar-nav li a {
             padding: 15px 15px;
         }
     }
-}
\ No newline at end of file
+}
+
+@media (max-width: 1192px) and (min-width: 900px) {
+    .navbar-default {
+        .navbar-nav li a {
+            padding: 15px 8px;
+        }
+    }
+}
+
+@media (max-width: 900px) and (min-width: $collapse-break-point) {
+    .navbar-default {
+        .navbar-nav li a {
+            padding: 15px 3px;
+            font-size: 12px;
+        }
+    }
+}
+
+@media (max-width: 1065px) {
+    #nav-apache {
+        display: none;
+    }
+}
+


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org
For additional commands, e-mail: commits-h...@echarts.apache.org

Reply via email to